@font-face {

  font-family: 'arialmt';

  src: url(../fonts/arialmt.ttf) format('truetype'), url(../fonts/arialmt.eot) format('eot'), url(../fonts/arialmt.woff) format('woff'), url(../fonts/arialmt.woff2) format('woff2');

}

@font-face {

  font-family: 'etelkatextprobold';

  src: url(../fonts/etelkatextprobold.ttf) format('truetype'), url(../fonts/etelkatextprobold.otf) format('opentype'), url(../fonts/etelkatextprobold.eot) format('eot'), url(../fonts/etelkatextprobold.woff) format('woff'), url(../fonts/etelkatextprobold.woff2) format('woff2');

}

body {

  overflow-x: hidden;

  font-family: "微软雅黑", 'microsoft yahei', SimSun, Sans-serif !important;

}

li {

  list-style: none;

}

body,

html,

h1,

h2,

h3,

h4,

h5,

h6,

p,

ul,

dl,

div,

li,

dt,

dd,

a,

img,

i,

span,

blockquote,

em {

  margin: 0;

  padding: 0;

}

i,

em {

  font-style: normal;

}

.clear {

  clear: both;

  height: 0;

  width: 0;

  padding: 0;

  margin: 0;

}

.fl {

  float: left;

}

.fr {

  float: right;

}

img {

  width: auto;

  height: auto;

  max-width: 100%;

  display: block;

}

a {

  transition: 0.3s ease;

  -webkit-transition: 0.3s ease;

  -moz-transition: 0.3s ease;

  -ms-transition: 0.3s ease;

  -o-transition: 0.3s ease;

}

a:hover,

a:focus,

a:active {

  text-decoration: none;

}

.no-mr {

  margin-right: 0!important;

}

.no-mb {

  margin-bottom: 0!important;

}

.no-pr {

  padding-right: 0!important;

}

.no-pb {

  padding-bottom: 0!important;

}

.mt10 {

  margin-top: 10px;

}

.mt20 {

  margin-top: 20px;

}

.mt30 {

  margin-top: 30px;

}

.mt40 {

  margin-top: 40px;

}

.mt50 {

  margin-top: 50px;

}

.mb10 {

  margin-bottom: 10px;

}

.mb20 {

  margin-bottom: 20px;

}

.mb30 {

  margin-bottom: 30px;

}

.mb40 {

  margin-bottom: 40px;

}

.mb50 {

  margin-bottom: 50px;

}

.pt10 {

  padding-top: 10px;

}

.pt20 {

  padding-top: 20px;

}

.pt30 {

  padding-top: 30px;

}

.pt40 {

  padding-top: 40px;

}

.pt50 {

  padding-top: 50px;

}

.pb10 {

  padding-bottom: 10px;

}

.pb20 {

  padding-bottom: 20px;

}

.pb30 {

  padding-bottom: 30px;

}

.pb40 {

  padding-bottom: 40px;

}

.pb50 {

  padding-bottom: 50px;

}

.indent1 {

  text-indent: 1em;

}

.indent2 {

  text-indent: 2em;

}

.indent3 {

  text-indent: 3em;

}

.indent4 {

  text-indent: 4em;

}

.indent5 {

  text-indent: 5em;

}

.center {

  text-align: center;

}

.img-box {

  overflow: hidden;

  position: relative;

}

.img-box img {

  transition: 1s ease;

  -webkit-transition: 1s ease;

  -moz-transition: 1s ease;

  -ms-transition: 1s ease;

  -o-transition: 1s ease;

}

.img-box:hover img {

  transform: translate(0, 0) rotate(0) scale(1.1, 1.1) skew(0, 0) rotateX(0) rotateY(0);

  -webkit-transform: translate(0, 0) rotate(0) scale(1.1, 1.1) skew(0, 0) rotateX(0) rotateY(0);

  -moz-transform: translate(0, 0) rotate(0) scale(1.1, 1.1) skew(0, 0) rotateX(0) rotateY(0);

  -ms-transform: translate(0, 0) rotate(0) scale(1.1, 1.1) skew(0, 0) rotateX(0) rotateY(0);

  -o-transform: translate(0, 0) rotate(0) scale(1.1, 1.1) skew(0, 0) rotateX(0) rotateY(0);

}

.scroll-box {

  overflow: hidden;

  position: relative;

}

.scroll-box ul {

  width: 9999px;

}

.scroll-box ul li {

  float: left;

}

h1,

h2,

h3,

h4,

h5 {

  font-weight: 500;

}

.clearfix:before,

.clearfix:after {

  display: table;

  content: " ";

}

.clearfix:after {

  height: 0;

  clear: both;

  visibility: hidden;

}

.ui.container {

  padding: 0 15px;

  position: relative;

}

.ui.container > .item {

  padding-left: 0;

  padding-right: 0;

}

.ui.menu {

  border-radius: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  border: none;

  margin: 0;

  box-shadow: 0 0 0 0 #fff;

  -webkit-box-shadow: 0 0 0 0 #fff;

  -moz-box-shadow: 0 0 0 0 #fff;

  -ms-box-shadow: 0 0 0 0 #fff;

  -o-box-shadow: 0 0 0 0 #fff;

  min-height: auto;

  background: none;

}

.ui.header:first-child {

  margin-top: 0;

}

.ui.header {

  margin: 0;

  font-weight: 500;

}

.item {

  border-left: none!important;

  border-right: none!important;

}

.item:before,

.item:after {

  display: none!important;

}

#header .h-top {

  background: #014e91;

  height: 38px;

}

#header .h-top p,

#header .h-top .p {

  line-height: 38px;

  color: #ffffff;

  font-size: 14px;

}

#header .h-top p a,

#header .h-top .p a {

  color: #ffffff;

}

#header .h-top p a:hover,

#header .h-top .p a:hover {

  color: #ff0909;

}

#header .h-top .bshare-custom {

  float: left;

  margin-top: 8px;

}

#header .nav {

  text-align: center;

}

#header .nav .item {

  padding: 0;

}

#header .nav .h-search {

  cursor: pointer;

  font-size: 18px;

  position: absolute;

  right: 0%;

  top: 0;

  z-index: 99;

}

#header .nav .h-search input {

  width: 165px;

  border: 1px solid #e4e4e4;

  border-radius: 5px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  font-size: 14px;

  padding: 5px 10px;

  outline: none;

  color: #666;

}

#header .nav .h-search button {

  outline: none;

  border: none;

  background: none;

  position: absolute;

  top: 36px;

  right: 1px;

  cursor: pointer;

}

#header .nav .h-search button .icon {

  color: #000000;

  font-size: 16px;

}

#header .nav .menu-box {

  padding: 0;

  line-height: 95px;

  height: 95px;

  position: relative;

  padding-right: 210px;

}

#header .nav .menu-box .menu > li {

  display: inline-block;

  position: relative;

  margin: 0 20px;

}

#header .nav .menu-box .menu > li > a {

  font-size: 16px;

  color: #000000;

  display: block;

  position: relative;

}

#header .nav .menu-box .menu > li:hover > a ,

#header .nav .menu-box .menu > li.current-menu-item > a,

#header .nav .menu-box .menu > li.current-post-ancestor > a,

#header .nav .menu-box .menu > li.current-category-ancestor > a{

  color: #014e91;

}

#header .nav .menu-box .menu > li .sub-menu {

  position: absolute;

  top: 100%;

  left: 0;

  width: 180px;

  background: #014e91;

  text-align: left;

  z-index: 101;

  display: none;

}

#header .nav .menu-box .menu > li .sub-menu li {

  transition: 0.2s ease-in;

  -webkit-transition: 0.2s ease-in;

  -moz-transition: 0.2s ease-in;

  -ms-transition: 0.2s ease-in;

  -o-transition: 0.2s ease-in;

  line-height: normal;

}

#header .nav .menu-box .menu > li .sub-menu li a {

  font-size: 15px;

  color: #fff;

  display: block;

  padding: 10px 18px;

}

#header .nav .menu-box .menu > li .sub-menu li:hover {

  background: #222;

}

#wowslider-container1 ul li{

 position: relative;

}

#wowslider-container1 ul li .banner-text {

  position: absolute;

  left: 20%;

  top: 36%;

  z-index: 99;

}

#wowslider-container1 ul li .banner-text h2 {

  color: #ffffff;

  font-size: 38px;

  font-weight: bold;

}

#wowslider-container1 ul li .banner-text p {

  color: #ffffff;

  font-size: 30px;

  margin-bottom: 35px;

}

#wowslider-container1 ul li .banner-text a {

  display: block;

  transition: 0.6s ease;

  -webkit-transition: 0.6s ease;

  -moz-transition: 0.6s ease;

  -ms-transition: 0.6s ease;

  -o-transition: 0.6s ease;

  width: 130px;

  height: 42px;

  color: #ffffff;

  background: #ff0000;

  text-align: center;

  line-height: 42px;

  float: left;

  margin-right: 30px;

}

#wowslider-container1 ul li .banner-text a:hover {

  background: #014e91;

}

#wowslider-container1 ul li .banner-text a.contact {

  background: #ffffff;

  color: #000000;

  transition: 0.6s ease;

  -webkit-transition: 0.6s ease;

  -moz-transition: 0.6s ease;

  -ms-transition: 0.6s ease;

  -o-transition: 0.6s ease;

}

#wowslider-container1 ul li .banner-text a.contact:hover {

  background: #014e91;

  color: #ffffff;

}

.i-news {

  height: 48px;

  background: #014e91;

}

.i-news p {

  line-height: 48px;

  color: #ffffff;

}

.i-news p .icon {

  font-size: 18px;

  line-height: 48px;

  margin-right: 10px;

}

.i-news p span {

  font-weight: bold;

}

.i-news p a {

  color: #ffffff;

  font-size: 14px;

}

#index-body {

  background: #f5f5f5;

}

#index-body h2.i-h2-tit {

  color: #000000;

  font-size: 24px;

  font-weight: bold;

}

#index-body h3.i-h3-tit {

  font-weight: normal;

  font-size: 14px;

  color: #000000;

  font-family: "Lucida Sans Unicode";

  text-transform: uppercase;

  margin: 5px 0;

}

#index-body h3.i-h3-tit span {

  color: #e30038;

}

#index-body .i-about {

  padding: 64px 0 40px;

}

#index-body .i-about p {

  color: #878787;

  line-height: 22px;

  margin-bottom: 10px;

}

#index-body .i-about a {

  width: 130px;

  height: 42px;

  line-height: 42px;

  color: #ffffff;

  display: block;

  text-align: center;

  background: #ff0000;

  margin-top: 20px;

  transition: 0.6s ease;

  -webkit-transition: 0.6s ease;

  -moz-transition: 0.6s ease;

  -ms-transition: 0.6s ease;

  -o-transition: 0.6s ease;

}

#index-body .i-about a:hover {

  background: #014e91;

}

#index-body .i-product ul {

  border-bottom: 3px solid #f5f5f5;

  border-top: 5px solid #eeeef0;

  margin-top: 20px;

}

#index-body .i-product ul .slick-prev,

#index-body .i-product ul .slick-next {

  display: none !important;

}

#index-body .i-product ul li .img-box {

  position: relative;

  border-right: 1px solid #ececee;

}

#index-body .i-product ul li .img-box img {

  width: 100%;

}

#index-body .i-product ul li .img-box p {

  color: #000000;

  font-size: 14px;

  text-align: center;

  line-height: 50px;

  position: absolute;

  width: 100%;

  height: 50px;

  left: 0;

  bottom: 0;

  z-index: 99;

}

#index-body .i-product ul li .img-box p a {

  color: #000000;

}

#index-body .i-product ul li .img-box .layer {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 9;

  background: rgba(1, 78, 145, 0.3);

  opacity: 0;

  filter: alpha(opacity=100);

  transition: 0.6s ease;

  -webkit-transition: 0.6s ease;

  -moz-transition: 0.6s ease;

  -ms-transition: 0.6s ease;

  -o-transition: 0.6s ease;

}

#index-body .i-product ul li .img-box:hover .layer {

  opacity: 1;

  filter: alpha(opacity=100);

}

#index-body .i-case {

  padding: 50px 0 80px;

  background: #ffffff;

}

#index-body .i-case ul {

  margin-top: 20px;

}

#index-body .i-case ul .slick-prev,

#index-body .i-case ul .slick-next {

  display: none !important;

}

#index-body .i-case ul li {

  padding-right: 15px;

}

#index-body .i-case ul li .img-box img {

  width: 100%;

  height: 182px;

}

#index-body .i-case ul li .img-box p {

  color: #000000;

  font-size: 14px;

  text-align: center;

  line-height: 50px;

  height: 50px;

  background: #eaeaea;

  position: relative;

  z-index: 99;

}

#index-body .i-case ul li .img-box p a {

  color: #000000;

}

#footer a:hover {

  color: #ff0000 !important;

}

#footer .footer-top {

  background: #045092;

  padding: 45px 0 40px;

}

#footer .footer-top .qr-img {

  width: 40%;

  background: #ffffff;

}

#footer .footer-top .qr-img img {

  width: 92px;

  margin: 0 auto;

}

#footer .footer-top .qr-img p {

  text-align: center;

  color: #000000;

  line-height: 30px;

}

#footer .footer-top .qr-img p.pp {

  background: #b6b6b6;

  margin-top: 20px;

}

#footer .footer-top .address {

  padding-left: 5px;

  width: 58%;

}

#footer .footer-top .address p {

  color: #ffffff;

  font-size: 13px;

  line-height: 25px;

}

#footer .footer-top .column .column h2 {

  font-size: 16px;

  color: #ffffff;

  margin-bottom: 10px;

}

#footer .footer-top .column .column h2.footer-pro{

  padding-left: 62px;

}

#footer .footer-top .column .i-product-h2 ul li{

  width: 50%;

  float: left;

}

#footer .footer-top .column .column ul li {

  line-height: 30px;

}

#footer .footer-top .column .column ul li a {

  color: #ffffff;

  font-size: 13px;

}

#footer .footer-top .h-link {

  margin-top: 30px;

}

#footer .footer-top .h-link p {

  color: #b6b6b6;

  font-size: 14px;

}

#footer .footer-top .h-link p a {

  color: #b6b6b6;

}

#footer .footer-top .h-link .bshare-custom {

  text-align: right;

  color: #ffffff;

}

#footer .footer-bottom {

  background: #ffffff;

  height: 45px;

}

#footer .footer-bottom .ui.grid .wide.column {

  padding-top: 0;

  padding-bottom: 0;

}

#footer .footer-bottom p {

  line-height: 45px;

  color: #000000;

  font-size: 12px;

}

#footer .footer-bottom p a {

  color: #000000;

}

#footer .footer-bottom p.i-bot-right {

  text-align: right;

  color: #9f9f9f;

}

.main-im {

  position: fixed;

  right: 10px;

  top: 500px;

  z-index: 100;

  width: 110px;

  height: 272px;

}

.main-im .qq-a {

  display: block;

  width: 106px;

  height: 116px;

  font-size: 14px;

  color: #0484cd;

  text-align: center;

  position: relative;

}

.main-im .qq-a span {

  bottom: 5px;

  position: absolute;

  width: 90px;

  left: 10px;

}

.main-im .qq-hover-c {

  width: 70px;

  height: 70px;

  border-radius: 35px;

  position: absolute;

  left: 18px;

  top: 10px;

  overflow: hidden;

  z-index: 9;

}

.main-im .qq-container {

  z-index: 99;

  position: absolute;

  width: 109px;

  height: 118px;

  border-top-left-radius: 10px;

  border-top-right-radius: 10px;

  border-bottom: 1px solid #dddddd;

  background: url(../images/qq-icon-bg.png) no-repeat center 8px;

}

.main-im .img-qq {

  max-width: 60px;

  display: block;

  position: absolute;

  left: 6px;

  top: 3px;

  -moz-transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.main-im .im-qq:hover .img-qq {

  max-width: 70px;

  left: 1px;

  top: 8px;

  position: absolute;

}

.main-im .im_main {

  border: 1px solid #dddddd;

  border-radius: 10px;

  background: #F9FAFB;

  display: none;

}

.main-im .im_main .im-tel {

  color: #000000;

  text-align: center;

  width: 109px;

  height: 105px;

  border-bottom: 1px solid #dddddd;

}

.main-im .im_main .im-tel div {

  font-weight: bold;

  font-size: 12px;

  margin-top: 6px;

}

.main-im .im_main .im-tel .tel-num {

  font-family: Arial;

  font-weight: bold;

  color: #e66d15;

}

.main-im .im_main .im-tel:hover {

  background: #fafafa;

}

.main-im .im_main .weixing-container {

  width: 55px;

  height: 47px;

  border-right: 1px solid #dddddd;

  background: #f5f5f5;

  border-bottom-left-radius: 10px;

  background: url(../images/weixing-icon.png) no-repeat center center;

  float: left;

}

.main-im .im_main .weixing-show {

  width: 112px;

  height: 172px;

  background: #ffffff;

  border-radius: 10px;

  border: 1px solid #dddddd;

  position: absolute;

  left: -125px;

  top: -126px;

}

.main-im .im_main .weixing-show .weixing-sanjiao {

  width: 0;

  height: 0;

  border-style: solid;

  border-color: transparent transparent transparent #ffffff;

  border-width: 6px;

  left: 112px;

  top: 134px;

  position: absolute;

  z-index: 2;

}

.main-im .im_main .weixing-show .weixing-sanjiao-big {

  width: 0;

  height: 0;

  border-style: solid;

  border-color: transparent transparent transparent #dddddd;

  border-width: 8px;

  left: 112px;

  top: 132px;

  position: absolute;

}

.main-im .im_main .weixing-show .weixing-ma {

  width: 104px;

  height: 103px;

  padding-left: 5px;

  padding-top: 5px;

}

.main-im .im_main .weixing-show .weixing-txt {

  position: absolute;

  top: 110px;

  left: 7px;

  width: 100px;

  margin: 0 auto;

  text-align: center;

}

.main-im .im_main .go-top {

  width: 50px;

  height: 47px;

  background: #f5f5f5;

  border-bottom-right-radius: 10px;

  background: url(../images/totop-icon.png) no-repeat center center;

  float: right;

}

.main-im .im_main .go-top a {

  display: block;

  width: 52px;

  height: 47px;

}

.main-im .close-im {

  position: absolute;

  right: 10px;

  top: -12px;

  z-index: 100;

  width: 24px;

  height: 24px;

}

.main-im .close-im a {

  display: block;

  width: 24px;

  height: 24px;

  background: url(../images/close_im.png) no-repeat left top;

}

.main-im .close-im a:hover {

  text-decoration: none;

}

.main-im .open-im {

  cursor: pointer;

  margin-left: 68px;

  width: 40px;

  height: 133px;

  background: url(../images/open_im.png) no-repeat left top;

}

.inner-banner {

  padding-top: 86px;

  height: 223px;

  background: url("../images/inner-banner.jpg") no-repeat center;

  background-size: cover;

  text-align: center;

  overflow: hidden;

}

.inner-banner .inner-tit {

  color: #fff;

  font-size: 22px;

  text-transform: capitalize;

  font-family: roboto-black;

}

.inner-banner .bread-crumbs {

  font-size: 14px;

}

.inner-banner .bread-crumbs,

.inner-banner .bread-crumbs a,

.inner-banner .bread-crumbs span {

  color: #fff;

}

.inner-banner .bread-crumbs a:hover {

  color: #014e91;

}

.inner-page .sideBar {

  padding: 24px 0 25px;

  background: #f7f7f7;

}

.inner-page .sideBar.fix {

  position: fixed;

  width: 100%;

  top: 106px;

  left: 0;

  z-index: 999;

}

.inner-page .sideBar .side-menu {

  position: relative;

  margin-top: 20px;

  cursor: pointer;

}

.inner-page .sideBar .side-menu span.line {

  transition: 0.5s ease;

  -webkit-transition: 0.5s ease;

  -moz-transition: 0.5s ease;

  -ms-transition: 0.5s ease;

  -o-transition: 0.5s ease;

  display: block;

  width: 24px;

  height: 2px;

  background: #000;

  margin-bottom: 6px;

}

.inner-page .sideBar .side-menu.active span.line:first-of-type {

  transform: translate(0, 0) rotate(45deg) scale(1, 1) skew(0, 0) rotateX(0) rotateY(0);

  -webkit-transform: translate(0, 0) rotate(45deg) scale(1, 1) skew(0, 0) rotateX(0) rotateY(0);

  -moz-transform: translate(0, 0) rotate(45deg) scale(1, 1) skew(0, 0) rotateX(0) rotateY(0);

  -ms-transform: translate(0, 0) rotate(45deg) scale(1, 1) skew(0, 0) rotateX(0) rotateY(0);

  -o-transform: translate(0, 0) rotate(45deg) scale(1, 1) skew(0, 0) rotateX(0) rotateY(0);

  margin-bottom: -2px;

  margin-top: 6px;

}

.inner-page .sideBar .side-menu.active span.line:last-of-type {

  transform: translate(0, 0) rotate(-45deg) scale(1, 1) skew(0, 0) rotateX(0) rotateY(0);

  -webkit-transform: translate(0, 0) rotate(-45deg) scale(1, 1) skew(0, 0) rotateX(0) rotateY(0);

  -moz-transform: translate(0, 0) rotate(-45deg) scale(1, 1) skew(0, 0) rotateX(0) rotateY(0);

  -ms-transform: translate(0, 0) rotate(-45deg) scale(1, 1) skew(0, 0) rotateX(0) rotateY(0);

  -o-transform: translate(0, 0) rotate(-45deg) scale(1, 1) skew(0, 0) rotateX(0) rotateY(0);

}

.inner-page .sideBar .side-menu.active span.line:nth-of-type(2) {

  display: none;

}

.inner-page .sideBar .side-menu .cat-list {

  position: absolute;

  left: 170%;

  top: 0;

  background: #f7f7f7;

  display: none;

  z-index: 100;

}

.inner-page .sideBar .side-menu .cat-list li {

  font-size: 16px;

}

.inner-page .sideBar .side-menu .cat-list li a {

  display: block;

  line-height: 35px;

  color: #101010;

  padding-left: 14px;

  width: 220px;

}

.inner-page .sideBar .side-menu .cat-list li a:hover,

.inner-page .sideBar .side-menu .cat-list li a.active {

  color: #fff;

  background: #014e91;

}

.inner-page .inner-main-tit {

  color: #101010;

}

.inner-page .inner-main-tit span {

  font-size: 18px;

  font-family: roboto-light;

}

.inner-page .inner-main-tit h2 {

  font-size: 28px;

  margin-top: 0px;

  font-family: roboto-black;

      margin-bottom: 10px;

}

.inner-page .inner-article {

  color: #101010;

  font-size: 18px;

  line-height: 30px;

  font-family: roboto-light;

}

.about-page .a-profile {

  padding: 81px 0 62px;

}

.about-page .a-profile .inner-article {

  margin-bottom: 41px;

}

.about-page .a-value {

  padding-bottom: 120px;

}

.about-page .a-value .value-con {

  margin: 128px 0 64px;

}

.about-page .a-value .value-con .inner-article {

  margin-bottom: 52px;

}

.about-page .a-value .value-con .inner-article:last-child {

  margin-bottom: 0;

}

.about-page .a-factory {

  background: #414141;

}

.about-page .a-factory .scroll-box {

  padding-top: 6px;

}

.about-page .a-factory .scroll-box a {

  position: relative;

  display: block;

}

.about-page .a-factory .scroll-box a img {

  width: 100%;

}

.about-page .a-factory .scroll-box a:after {

  transition: 1s ease;

  -webkit-transition: 1s ease;

  -moz-transition: 1s ease;

  -ms-transition: 1s ease;

  -o-transition: 1s ease;

  content: '';

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  background: rgba(65, 65, 65, 0.55);

}

.about-page .a-factory .scroll-box a:hover:after {

  background: rgba(65, 65, 65, 0);

}

.about-page .a-factory .tab-box {

  height: 73px;

}

.about-page .a-factory .tab-box .zy-tab .icon {

  color: #fff;

  font-size: 30px;

  cursor: pointer;

  text-align: left;

  transition: 0.4s ease;

  -webkit-transition: 0.4s ease;

  -moz-transition: 0.4s ease;

  -ms-transition: 0.4s ease;

  -o-transition: 0.4s ease;

}

.about-page .a-factory .tab-box .zy-tab .icon:hover {

  color: #014e91;

}

.about-page .a-factory .tab-box .zy-tab .icon.right {

  margin-left: -2px;

}

.about-page .a-factory .tab-box .link-tab a {

  color: #414141;

  font-size: 16px;

  display: inline-block;

  width: 21px;

  text-align: center;

  line-height: 21px;

  height: 21px;

  background: #fff;

  border-radius: 3px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

}

.about-page .a-factory .tab-box .link-tab a:hover {

  background: #014e91;

  color: #fff;

}

.about-page .a-advantage {

  padding: 104px 0 88px;

}

.about-page .a-advantage .tit {

  color: #414141;

  font-size: 28px;

  line-height: 26px;

  font-family: roboto-black;

}

.about-page .a-advantage .ad-list {

  margin-top: 53px;

}

.about-page .a-advantage .ad-list li {

  color: #101010;

  font-size: 16px;

  margin-bottom: 15px;

}

.about-page .a-advantage .ad-list li i {

  float: left;

  width: 17%;

}

.about-page .a-advantage .ad-list li span {

  float: right;

  width: 78.4%;

  font-family: roboto-light;

  line-height: 40px;

  margin-top: -10px;

}

.product-yd-page .cat-main-box {

  padding-bottom: 43px;

}

.product-yd-page .cat-main-box .cat-banner {

  padding-top: 136px;

  height: 294px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  text-align: center;

}

.product-yd-page .cat-main-box .cat-banner .catTit {

  font-size: 26px;

  font-family: roboto-black;

}

.product-yd-page .cat-main-box .cat-banner .catTit a {

  color: #fff;

}

.product-yd-page .cat-main-box .cat-banner .catTit a:hover {

  color: #014e91;

}

.product-yd-page .cat-main-box .cat-banner .sub-tit {

  color: #fff;

  font-size: 16px;

  font-family: roboto-light;

}

.product-yd-page .cat-main-box .cat-body {

}

.product-yd-page .cat-main-box .cat-body .three.column{

	padding: 0;

  margin-top: 0;

}

.product-yd-page .cat-main-box .cat-body .grid.three > .column:last-child {

  margin-right: 0;

}

.product-yd-page .cat-main-box .cat-body .grid.three > .column{

  padding-top: 0;

}

.product-yd-page .cat-main-box .cat-body .page-product-bar .grid.three > .column .img-box{

	border:1px solid #e5e5e5;

	border-bottom: 3px solid #bbbbbb;

}

.product-yd-page .cat-main-box .cat-body .page-product-bar .grid.three > .column .tit {

  background: none;

  border:1px solid #e5e5e5;

  border-bottom: none;

}

.product-yd-page .cat-main-box .cat-body .page-product-bar .grid.three > .column .img-box a.more{

	width: 75px; 

	height: 25px; 

	border: 2px solid #e5e5e5;

	display: block;

	text-align: center;

	color: #666;

	float: right;

	 margin-top: 10px;

	 margin-right: 20px; 

	 margin-bottom: 10px;border-radius: 10px;

	 font-size: 12px;

	     transition: 0.4s ease;

    -webkit-transition: 0.4s ease;

    -moz-transition: 0.4s ease;

    -ms-transition: 0.4s ease;

    -o-transition: 0.4s ease;

}

.product-yd-page .cat-main-box .cat-body .page-product-bar .grid.three > .column .img-box a.more:hover{

	border: 2px solid #014e91;

	color: #ffffff;

	background: #014e91;

}



.product-yd-page .cat-main-box .cat-body .grid.three > .column .img-box {

  background: #ffffff;

}

.product-yd-page .cat-main-box .cat-body .grid.three > .column .img-box img {

  width: 100%;

  /*height: 182px;*/

}

.case-page .cat-main-box .cat-body .grid.three > .column .img-box img {

  width: 100%;

  height: 182px;

}

.product-yd-page .cat-main-box .cat-body .page-technology .grid.three > .column .img-box img {

  height: auto !important;

}

.product-yd-page .cat-main-box .cat-body .grid.three > .column .tit {

  text-align: center;

  font-family: roboto-light;

  font-size: 16px;

  height: 62px;

  overflow: hidden;

  line-height: 62px;

  background: #f1f1f1;

}

.product-yd-page .cat-main-box .cat-body .grid.three > .column .tit a {

  color: #1e1e1e;

  display: block;

}

.product-yd-page .cat-main-box .cat-body .grid.three > .column .tit a:hover {

  color: #fff;

  background: #014e91;

}

.product-yd-page .cat-main-box .catMore {

  cursor: pointer;

  color: #fff;

  display: block;

  margin: 26px auto 0!important;

  width: 21px;

  text-align: center;

  height: 21px;

  line-height: 21px;

  border-radius: 3px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

  background: #9e9e9e;

}

.product-yd-page .cat-main-box .catMore:hover {

  background: #014e91;

}

.product-page .cat-main-box {

  padding-bottom: 0;

}

.product-page .cat-main-box .cat-body .grid.three > .column {

  margin-bottom: 40px;

}

.m-page {

  text-align: center;

  padding: 45px 0;

  font-size: 14px;

}

.m-page span,

.m-page a {

  margin: 0 1px;

  border-radius: 2px;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -ms-border-radius: 2px;

  -o-border-radius: 2px;

  display: inline-block;

  width: 28px;

  height: 28px;

  line-height: 31px;

  background-image: -moz-linear-gradient(top, #575e63, #404549);

  /* Firefox */

  background-image: -webkit-linear-gradient(top, #575e63, #404549);

  /* Saf4+, Chrome */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#575e63, endColorstr=#404549, GradientType='0');

  /* IE*/

  color: #fff;

}

.m-page a:hover,

.m-page .current,

.m-page .active {

  background-image: -moz-linear-gradient(top, #566f82, #3e505e);

  /* Firefox */

  background-image: -webkit-linear-gradient(top, #566f82, #3e505e);

  /* Saf4+, Chrome */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#566f82, endColorstr=#3e505e, GradientType='0');

  /* IE*/

}

.prodet-page .prodetTit {

  margin-bottom: 23px;

  color: #000000;

  font-family: roboto-light;

  font-size: 26px;

  text-transform: uppercase;

  text-align: center;

}

.prodet-page .prodet-pics {

  padding: 0px 0 82px;

}

.prodet-page .prodet-pics .grid.two.column .pro-bPic {

  width: 47.3%!important;

}

.prodet-page .prodet-pics .grid.two.column .pro-bPic img {

  margin: 0 auto;

  width: 100%;

      border: 1px solid #eee;

}

.prodet-page .prodet-pics .grid.two.column .pro-det-one {

  padding-left: 6.3%!important;

  width: 52.7%!important;

}

.prodet-page .prodet-pics .grid.two.column .pro-det-one .bshare-custom{ margin:20px 0; }

.prodet-page .prodet-pics .grid.two.column .pro-det-one .proName {

  color: #1e1e1e;

  font-size: 28px;

  font-family: roboto-light;

  margin-bottom: 68px;

}

.prodet-page .prodet-pics .grid.two.column .pro-det-one .proEmail {

  display: inline-block;

  color: #1e1e1e;

  font-size: 17px;

  font-family: roboto-light;

}

.prodet-page .prodet-pics .grid.two.column .pro-det-one .proSocial {

  margin: 18px 0 52px;

}

.prodet-page .prodet-pics .grid.two.column .pro-det-one .proSocial a {

  margin-right: 6px;

  color: #000;

  font-size: 16px;

  display: inline-block;

  width: 35px;

  text-align: center;

  height: 35px;

  line-height: 35px;

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  background: #f2f2f2;

}

.prodet-page .prodet-pics .grid.two.column .pro-det-one .proSocial a:hover {

  background: #014e91;

  color: #fff;

}

.prodet-page .prodet-pics .grid.two.column .pro-det-one .prodet-thumb .image-gallery:after {

  content: '';

  display: block;

  width: 0;

  height: 0;

  clear: both;

}

.prodet-page .prodet-pics .grid.two.column .pro-det-one .prodet-thumb .image-gallery li {

  padding: 0;

  float: left;

  width: 20%;

  margin-right: 1.5%;

  background: #fafafa;

}

.prodet-page .prodet-pics .grid.two.column .pro-det-one .prodet-thumb .image-gallery li:nth-of-type(4n) {

  margin-right: 0;

}

.prodet-page .prodet-det-two {

  padding: 76px 0;

  background: #f2f2f2;

}

.prodet-page .prodet-det-two table {

  width: 100%;

  border-collapse: collapse;

}

.prodet-page .prodet-det-two table td {

  padding: 6px 10px;

}

.prodet-page .recommand-product {

  padding: 74px 0 66px;

}

.prodet-page .recommand-product li {

  margin-right: 8px;

}

.prodet-page .recommand-product li .img-box {

  background: #fafafa;

}

.prodet-page .recommand-product li .img-box img {

  width: 100%;

}

.prodet-page .recommand-product li .tit {

  text-align: center;

  font-family: roboto-light;

  font-size: 16px;

  height: 62px;

  overflow: hidden;

  line-height: 62px;

  background: #f1f1f1;

}

.prodet-page .recommand-product li .tit a {

  color: #1e1e1e;

  display: block;

}

.prodet-page .recommand-product li .tit a:hover {

  color: #fff;

  background: #014e91;

}

.prodetFeedback {

  padding: 44px 0 64px;

}

.prodetFeedback .innerTit {

  font-size: 32px;

  text-transform: uppercase;

  color: #000;

  font-family: roboto-black;

}

.prodetFeedback .ptForm {

  margin-top: 50px;

}

.prodetFeedback .ptForm label {

  font-size: 16px;

  color: #636363;

  font-weight: 500;

  margin-bottom: 0;

  font-family: roboto-light;

}

.prodetFeedback .ptForm input,

.prodetFeedback .ptForm textarea {

  font-family: roboto-medium;

  transition: 0.3s ease;

  -webkit-transition: 0.3s ease;

  -moz-transition: 0.3s ease;

  -ms-transition: 0.3s ease;

  -o-transition: 0.3s ease;

  background: none;

  color: #252525;

  font-size: 16px;

  width: 100%;

  outline: none;

  resize: none;

  border: none;

  border-bottom: 1px solid #cccccc;

}

.prodetFeedback .ptForm .fbTop {

  margin-bottom: 62px;

}

.prodetFeedback .ptForm .fbTop li {

  float: left;

  width: 31%;

  margin-right: 2%;

}

.prodetFeedback .ptForm .fbTop li:last-child {

  margin-right: 0;

}

.prodetFeedback .ptForm .fbTop li input {

  height: 15px;

  padding: 0 4px;

}

.prodetFeedback .ptForm .fbTop li input:focus {

  height: 43px;

  border-bottom: 3px solid #007acc;

}

.prodetFeedback .ptForm .fbBot {

  margin-bottom: 75px;

}

.prodetFeedback .ptForm .fbBot textarea {

  height: 16px;

  overflow: hidden;

}

.prodetFeedback .ptForm .fbBot textarea:focus {

  height: 55px;

  border-bottom: 3px solid #007acc;

}

.prodetFeedback .ptForm input[type="submit"] {

  cursor: pointer;

  text-align: left;

  padding-left: 31px;

  font-family: roboto-light;

  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);

  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);

  -ms-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);

  -o-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);

  transition: 0.3s ease;

  -webkit-transition: 0.3s ease;

  -moz-transition: 0.3s ease;

  -ms-transition: 0.3s ease;

  -o-transition: 0.3s ease;

  text-transform: uppercase;

  font-size: 16px;

  width: 203px;

  height: 52px;

  border: none;

  background: #007acc url("../images/fb-send.png") no-repeat 84% center;

  border-radius: 3px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

  color: #fff;

}

.prodetFeedback .ptForm input[type="submit"]:hover {

  background-color: #222;

}

.news-page .new-list {

}

.news-page .new-list li {

  padding-bottom: 52px;

  margin-bottom: 65px;

  border-bottom: 2px solid #777777;

}

.news-page .new-list li:last-child {

  margin-bottom: 0;

}

.news-page .new-list li .new-con .tit a {

  height: 48px;

  overflow: hidden;

  display: block;

  color: #777777;

  font-size: 21px;

  line-height: 24px;

  font-family: roboto-bold;

}

.news-page .new-list li .new-con .tit a:hover {

  color: #014e91;

}

.news-page .new-list li .new-con .abst {

  color: #777777;

  font-size: 14px;

  line-height: 27px;

  margin: 5px 0 25px;

}

.news-page .new-list li .new-con .abst a {

  color: #014e91;

  float: right;

}

.news-page .new-list li .new-con .date span {

  color: #777777;

}

.news-page .new-list li .new-con .date span:last-child {

  margin-left: 20px;

  text-transform: capitalize;

}

.news-page .new-list li:last-child {

  margin-bottom: 50px;

}

.newdet-page .news {

  padding: 0px 0 60px!important;

  color: #777777;

}

.newdet-page .news .news_title h1 {

  padding-bottom: 10px;

  font-size: 20px;

  font-family: roboto-bold;

  text-align: center;

  color: #222;

}

.newdet-page .news .news_date {

  text-align: center;

  line-height: 22px;

  border-bottom: 1px solid #555;

  padding-bottom: 5px;

}

.newdet-page .news .news_abst {

  border-bottom: 1px solid #555;

  padding: 10px 0;

}

.newdet-page .news .news_abst p {

  display: inline-block;

}

.newdet-page .news .news_contents {

  color: #555;

  line-height: 24px;

  clear: both;

  margin-top: 10px;

  border-bottom: 1px solid #555;

  padding: 20px 0 40px;

}

.newdet-page .news .news_contents a {

  color: #555;

  font-size: 16px;

  line-height: 24px;

}

.newdet-page .news .news_contents p,

.newdet-page .news .news_contents div,

.newdet-page .news .news_contents span,

.newdet-page .news .news_contents table {

  color: #555;

  font-size: 14px;

  line-height: 24px;

  clear: both;

}

.newdet-page .news .news_next {

  width: 99%;

  margin-top: 0px;

  padding-left: 5px;

  border-top: 0px solid #CCC;

  text-align: left;

  padding-top: 10px;

}

.newdet-page .news .news_next a {

  width: 100%;

  height: 25px;

  line-height: 25px;

  color: #777;

  font-size: 15px;

  margin-left: 5px;

}

.newdet-page .news .news_next a:hover {

  width: 100%;

  height: 25px;

  line-height: 25px;

  color: #000;

}

.newdet-page .news .newsnav {

  margin-bottom: 30px;

}

.contact-page {

  padding-top: 0;

}

.contact-page .c-list-box {

  padding: 20px 0 93px;

}

.contact-page .c-list-box .c-name {

  color: #101010;

  font-size: 26px;

  font-family: roboto-black;

  margin-bottom: 34px;

}

.contact-page .c-list-box .info {

  line-height: 30px;

  margin-top: 24px;

  font-size: 16px;

  color: #101010;

}

.contact-page .c-list-box .info .add {

  display: block;

}

.contact-page .c-list-box .info .icon {

  color: #000;

  margin-right: 29px!important;

  font-size: 14px;

}

::-webkit-input-placeholder {

  color: #777;

}

:-moz-placeholder {

  color: #777;

}

::-moz-placeholder {

  color: #777;

}

:-ms-input-placeholder {

  color: #777;

}

.zoom-box {

  position: relative;

}

.zoom-box .pic-zoom {

  opacity: 0;

  filter: alpha(opacity=0);

  transition: 0.4s ease;

  -webkit-transition: 0.4s ease;

  -moz-transition: 0.4s ease;

  -ms-transition: 0.4s ease;

  -o-transition: 0.4s ease;

  position: absolute;

  width: 100%;

  height: 100%;

  z-index: 2;

  top: 0;

  left: 0;

  background: rgba(0, 0, 0, 0.6) url(../images/zoom.png) no-repeat center center;

}

.zoom-box:hover .pic-zoom {

  opacity: 1;

  filter: alpha(opacity=1);

}

.zoom-pic {

  overflow: hidden;

}

.zoom-pic img {

  transition: 0.6s ease;

  -webkit-transition: 0.6s ease;

  -moz-transition: 0.6s ease;

  -ms-transition: 0.6s ease;

  -o-transition: 0.6s ease;

}

.zoom-pic img:hover {

  transform: translate(0, 0) rotate(0) scale(1.05, 1.05) skew(0, 0) rotateX(0) rotateY(0);

  -webkit-transform: translate(0, 0) rotate(0) scale(1.05, 1.05) skew(0, 0) rotateX(0) rotateY(0);

  -moz-transform: translate(0, 0) rotate(0) scale(1.05, 1.05) skew(0, 0) rotateX(0) rotateY(0);

  -ms-transform: translate(0, 0) rotate(0) scale(1.05, 1.05) skew(0, 0) rotateX(0) rotateY(0);

  -o-transform: translate(0, 0) rotate(0) scale(1.05, 1.05) skew(0, 0) rotateX(0) rotateY(0);

}

.white-zoom {

  position: relative;

}

.white-zoom:after {

  transition: 0.2s linear;

  -webkit-transition: 0.2s linear;

  -moz-transition: 0.2s linear;

  -ms-transition: 0.2s linear;

  -o-transition: 0.2s linear;

  content: '';

  position: absolute;

  z-index: 2;

  width: 1px;

  height: 1px;

  background: rgba(255, 255, 255, 0.3);

  left: 50%;

  top: 50%;

}

@media screen and (min-width: 768px) {

  .around-line > li {

    float: left;

    position: relative;

    cursor: pointer;

  }

  .around-line > li > a {

    color: #fff;

    display: block;

    text-decoration: none;

  }

  .around-line > li:before,

  .around-line > li:after {

    content: '';

    opacity: 0;

    filter: alpha(opacity=0);

    transition: 0.5s ease;

    -webkit-transition: 0.5s ease;

    -moz-transition: 0.5s ease;

    -ms-transition: 0.5s ease;

    -o-transition: 0.5s ease;

    position: absolute;

  }

  .around-line > li:before {

    top: 0;

    left: 0;

    right: 100%;

    bottom: 100%;

    border-top: 1px solid rgba(0, 148, 217, 0.8);

    border-left: 1px solid rgba(0, 148, 217, 0.8);

  }

  .around-line > li:after {

    right: 0;

    bottom: 0;

    top: 100%;

    left: 100%;

    border-bottom: 1px solid rgba(0, 148, 217, 0.8);

    border-right: 1px solid rgba(0, 148, 217, 0.8);

  }

  .around-line > li:hover:before {

    bottom: 0;

    right: 0;

    opacity: 1;

    filter: alpha(opacity=100);

  }

  .around-line > li:hover:after {

    top: 0;

    left: 0;

    opacity: 1;

    filter: alpha(opacity=100);

  }

  .around-line > li.active:before {

    bottom: 0;

    right: 0;

    opacity: 1;

    filter: alpha(opacity=100);

  }

  .around-line > li.active:after {

    top: 0;

    left: 0;

    opacity: 1;

    filter: alpha(opacity=100);

  }

}

.inner-main-text p{ line-height: 28px;  }

.text-about p{ text-indent: 2em; }

.image-gallery a img{ border: 1px solid #cccccc; }

.inner-main-box{ padding: 30px 0; }

.History {

	text-align: center;

}

.History h2 {

	font-size: 48px;

	color: #b5b5b5;

  text-align: left;

    padding-left: 13%;

}

.History p.p {

  text-align: left;

    padding-left: 12%;

}

.History h1+p {

	font-size: 16px;

	color: #4c4c4c;

}

.History dl {

	position: relative;

	display: inline-block;

	overflow: hidden;

	width: 100%;

}

.History dl dt {

	position: absolute;

	width: 40px;

	height: 40px;

	background-color: #e83428;

	color: #fff;

	font-size: 14px;

	text-align: center;

	line-height: 40px;

	border-radius: 100%;

	position: relative;

	left: 20%;

		-webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

    margin-bottom: 20px;

}

.History dl dd {

	width: 80%;

	position: relative;

}

.History dl dd .box {

	display: block;

	border: 1px solid #e8e8e8;

	border-radius: 10px;

}

.History dl dd .box h3 {

	background-color: #e8e8e8;

	line-height: 40px;

	padding: 0 10px;

	position: relative;

	font-size: 16px;

	display: inline-block;

	width: 100%;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

}

.History dl dd .box h3 time {

	color: #e83428;

}

.History dl dd .box h3 span {

	color: #222;

	font-weight: bold;

}

.History dl dd .box p {

	line-height: 24px;

	padding: 10px;

	white-space: normal;

	word-break: break-word;

}

.History dl dd i {

	width: 20px;

	height: 20px;

	background-color: #e83428;

	border-radius: 100%;

	text-align: center;

	line-height: 20px;

	margin: 0;

	color: #fff;

	font-size: 16px;

	position: absolute;

	top: 10px;

}

.History dl dd i:before {

	margin: 0;

}

.History dl dd.fl {

	float: left;

	padding-right: 10%;

}

.History dl dd.fl i {

	right: -12px;

}

.History dl dd.fl .box h3 time {

	float: left;

}

.History dl dd.fl .box h3 span {

	float: right;

}

.History dl dd.fl .left {

	display: none;

}

.History dl dd.fl .right {

	color: #e8e8e8;

	position: absolute;

	left: 100%;

	top: 50%;

		-webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    padding: 0;

    margin: 0;

}

.History dl dd.fl:after {

	right: 0;

	-webkit-transform: translateX(50%);

    -moz-transform: translateX(50%);

    -ms-transform: translateX(50%);

    -o-transform: translateX(50%);

    transform: translateX(50%);

}

.History dl dd.fr {

	float: right;

	padding-left: 10%;

}

.History dl dd.fr i {

	left: -8px;

}

.History dl dd.fr .box h3 time {

	float: right;

}

.History dl dd.fr .box h3 span {

	float: left;

}

.History dl dd.fr .right {

	display: none;

}

.History dl dd.fr .left {

	position: absolute;

	right: 100%;

	top: 50%;

		-webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    color: #e8e8e8;

    padding: 0;

    margin: 0;

}

.History dl dd.fr:after {

	left: 0;

	-webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

}

.History dl:before {

	content: '';

	height: 9999999999999999px;

	width: 0;

	border-left: 2px solid #e8e8e8;

	left: 20%;

	top: 0;

	-webkit-transform: translateX(1px);

    -moz-transform: translateX(1px);

    -ms-transform: translateX(1px);

    -o-transform: translateX(1px);

    transform: translateX(1px);

    display: block;

    position: absolute;

}



.inner-page .sidebar {

  width: 22.5%;

  border: 1px solid #fff;

}

.inner-page .sidebar .side-top .side-tit {

  text-transform: uppercase;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  font-size: 26px;

  font-weight: 500;

  display: block;

  color: #FFFFFF;

  padding: 20px 0 15px 40px;

  background: url(../images/sb_titlebg.png);

  background-size: cover;

}

.inner-page .sidebar .side-top .side-tit span{

  font-size: 16px;

}

.inner-page .sidebar .side-top .side-menu {

  padding: 1px 0;

  padding-bottom: 0;

}



.side-contact{

  margin-top: 30px;

  padding-bottom: 30px;

  position: relative;

}

.side-contact input{

      width: 95%;

    height: 34px;

    border: 1px solid #DDD;

    outline: none;

    border-radius: 10px;

    padding: 5px;

}

.side-contact button{

  width: 44px;

  height: 34px; 

  position: absolute;

  right: 0;

  top:0;

  background: url(../images/sb_search_btn.png) no-repeat;

  outline: none;

  border: none;

  cursor: pointer;

}

.side-contact button .icon{

  color: #FFFFFF;

  font-size: 16px;

}

.inner-page .bread-crumbs {

  padding: 15px 0;

}

.inner-page .bread-crumbs a,

.inner-page .bread-crumbs span {

  font-size: 14px;

  color: #444;

}

.inner-page .bread-crumbs a:hover {

  color: #f8a037;

}

.inner-page .sidebar {

  width: 22.5%;

}

.inner-page .sidebar .side-top ul.side-menu{

  border: 1px solid #DDD;

    border-bottom: medium none;

    background-color: #FFF;

}

.inner-page .sidebar .side-top .side-menu li{

  border-bottom: 1px solid #DDD;

}

.inner-page .sidebar .side-top .side-menu li a {

  font-size: 14px;

  font-weight: 500;

  padding-right: 20px;

  white-space: nowrap;

  text-overflow: ellipsis;

  transition: 0.4s ease;

  -webkit-transition: 0.4s ease;

  -moz-transition: 0.4s ease;

  -ms-transition: 0.4s ease;

  -o-transition: 0.4s ease;

  overflow: hidden;

  position: relative;

  display: block;

  height: 45px;

  line-height: 45px;

  text-indent: 42px;

  color: #555;

  background-repeat: no-repeat;

  background-position: 14px center;

  background-image: url(../images/side-arr-h.png);

}

.inner-page .sidebar .side-top .side-menu li .children{

  padding-left: 20px;

}

.inner-page .sidebar .side-top .side-menu li a:hover,

.inner-page .sidebar .side-top .side-menu li a.active {

  background-color: #B0251E;

  background-image: url(../images/side-arr.png);

  color: #fff;

  text-indent: 45px;

  background-position: 20px center;

}

.inner-page .sidebar .side-top .side-menu li a:hover:after,

.inner-page .sidebar .side-top .side-menu li a.active:after {

  left: 0;

}

.sb-bottom {

  width: 100%;

    height: 12px;

    background: url(../images/sb_bottombg.png) no-repeat;

}



.inner-page .page-right-bar {

  width: 75%;

  padding: 0;

  background: #fff;

}



.prodet-page .prodet-detail {

  margin-top: 50px;

  margin-bottom: 20px;

}

.prodet-page .prodet-details {

  position: relative;

  background-color: #fff;

}

.prodet-page .prodet-details .prodet-details-tit {

  display: block;

  height: 35px;

  background: #f5f5f5;

  padding-left: 5px;

}

.prodet-page .prodet-details .prodet-details-tit h4 {

  position: relative;

  padding: 0 32px;

  float: left;

  line-height: 32px;

  margin: 0 10px 0 0;

  font-size: 16px;

  cursor: pointer;

  color: #333333;

  border-top: 2px solid #ff0000;

  background: #ffffff;

}

.prodet-page .prodet-details .prodet-details-tit h4:hover,

.prodet-page .prodet-details .prodet-details-tit h4.on {

  border-top-color:#014e91;

  color: #014e91;

  background: #ffffff;

}

.prodet-page .prodet-details .prodet-details-information {

  padding: 45px 0;

}

.prodet-page .prodet-details .prodet-details-information .prodet-details-information-bdy {

  display: none;

}

.prodet-page .prodet-details .prodet-details-information .prodet-details-information-bdy img {

  width: auto;

  max-width: 100%;

}

.prodet-page .prodet-details .prodet-details-information .prodet-details-information-bdy p {

  line-height: 2em;

  font-size: 16px;

}
.prodet-page .prodet-details .prodet-details-information .prodet-details-information-bdy table tr td:first-child{
	width: 20% !important;
}

#down-list li{margin-top:5px;position:relative;padding:13px 80px 13px 16px;border-bottom:1px solid #eee; background: url('../images/nicon.jpg') 0 18px no-repeat; cursor: pointer;}

#down-list li a.btn{position:absolute;right:3px;top:14px;width:86px;display: block;height:14px; background: url('../images/ndown.jpg') 0 3px no-repeat;text-align: right; color:#01aef2;}





.image-gallery li{width: 14%; }

.pro-bPic img{ margin: 0 auto; width: 75%; }

.proName{ text-align: center; color: #014e91; }





.dropdown{ position:relative; height: 40px; line-height: 40px;color: #666; width: 60px; }

.location a{color: #666;}

.location a:hover{ color:#014e91;  }

.dropdown-menu{display: none;width: 540px;padding: 10px 20px;z-index: 100;background: #fff;box-shadow: 0 6px 12px rgba(0,0,0,.3);position: absolute;top: 100%;left: 0;}

.dropdown-menu li{ float:left; margin-right:10px;font-size:14px;}

.dropdown-menu li a{color: #666;}

.dropdown-menu li a:hover{color: #014e91;}



.i-description{ width: 100%; }

.ui.grid.three.i-description .column{ margin-bottom: 20px !important;  }

.ui.grid.three.i-description .column p{ font-size: 14px; }



.i-history{

  padding-left: 100px;

}

.i-history ul {

  background: url("../images/s_03.jpg") repeat-y 14px top;

}

.i-history ul li {

  padding-left: 60px;

  background: url("../images/history_03.jpg") no-repeat top left;

  margin-bottom: 18px;

}

.i-history ul li h2 {

  font-size: 22px;

  color: #910000;

  font-weight: bold;

}

.i-history ul li p {

  font-size: 12px;

  line-height: 22px;

  color: #827773;

  text-indent: 0;

}

.faq-page .faq-list {

  padding: 0px 0 10px;

}

.faq-page .faq-list dt {

  padding: 10px 30px 10px;

  background-color: #f1f1f1;

  font-size: 14px;

  cursor: pointer;

  color: #9e9e9e;

  margin-bottom: 12px;

  transition: 0.5s ease;

  border: 1px solid #DDD;

}

.faq-page .faq-list dt:hover,

.faq-page .faq-list dt.active {

  background: #014e91;

  color: #fff;

}

.faq-page .faq-list dd {

  font-size: 14px;

  line-height: 22px;

  color: #757575;

  padding: 15px 30px;

  margin-bottom: 12px;

  display: block !important;

}



.bdsharebuttonbox{ float: left;

    margin-top: 5px; }