@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 arial,helvetica,clean,sans-serif,"宋体";overflow-x: hidden;} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-family: "Microsoft YaHei"}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;font-family: "Microsoft YaHei"}
h3 { font-size:20px;font-family: "Microsoft YaHei"}
h4 { font-size:14px;font-family: "Microsoft YaHei"}
h5 { font-size:12px;}
h6 { font-size:10px;}

img, input {
    border: none;
    vertical-align: middle;
}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:hover{text-decoration:none;}
a:focus{outline:0;} /*for ff f6n.net*/
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
p{ word-spacing:-1.5px;font-family: "Microsoft YaHei";}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl{float: left;}
.fr{float: right;}


.content{width: 1200px;margin: 0 auto;}

.container,.container-middle,.wrap{padding-right: 15px;padding-left: 15px;margin:0 auto;}
/* @media (min-width: 768px) {
  .wrap,.container,.container-middle{ width: 750px;}
}
@media (min-width: 992px) {
    .wrap,.container,.container-middle{width: 970px;}
} */
@media (min-width: 1260px) {
  .wrap,.container,.container-middle{ width: 1230px;}
}
@media (min-width: 1460px) {
.container-middle,.container{ width: 1430px;}
}
@media (min-width: 1920px) {
  .container-middle{ width: 1630px;}
  .container{width: 1430px;}
}



.wrap{ width: 1580px; margin: 0 auto; overflow: hidden;}
.m{ margin: 0 auto; }
.head_top{ width:100%; height: 80px; text-align: center; background-color: #fff; }
.head_top .logo{ padding-left: 50px; }
.head_top .wrap{ overflow: inherit; }
.head_top img{ padding-top: 10px; }
.nav .wrap {
    position: static;
}
.nav { height:80px; line-height: 74px; position:relative;z-index:2;}
.nav ul {text-align:center;}
.nav li {display:inline-block;margin:0 25px; position: relative;}
.nav li:hover>a{ color: #1b1b1b; }
.nav li.on>a{ color: #1b1b1b; }
.nav li.on span{ background-color: #1b1b1b; width: 100%; }
.nav li span{ z-index: 9; display: block; width: 0%; transition: all 0.6s ease 0s; height: 6px; margin: 0 auto; position: relative; z-index: 9; }
.nav li:hover span{ background-color: #1b1b1b; width: 100%; }
.nav li>a { position:relative;z-index:1;color:#666;font-size:16px;display:inline-block;transition:0.6s;}
.tnavbox{position:absolute;width:160px;left:50%;margin-left:-80px;top:75%;height:0;padding-top:17px;/* display:none;*/ text-align: center;z-index: 2;}
.tnav{ background:#fff; box-shadow:0 0 16px -4px rgba(0,0,0,.3); padding:20px 0 18px; transform:translateY(20px); -webkit-transform:translateY(20px); opacity:0; visibility:hidden; transition:.5s; -webkit-transition:.5s; }
.tnav a{ display:block; color:#666; line-height:35px; border-bottom: 1px solid transparent;-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;}
.tnav a:hover{ color: #fff; }

.tnav a:hover,.tnav a.on{ background:#1b1b1b; color:#fff;}
.nav li:hover .tnavbox {
    height:100px;
}
.nav li:hover .tnavbox .tnav{ transform:translate(0); -webkit-transform:translate(0); opacity:1; visibility:visible; }

.language{float: right;position: relative;    margin-top: 17px; padding-left: 25px;}

.language-text{display: block;color: #1b1b1b;line-height:36px;font-family: "gadugi";font-size: 16px; padding:0 4px;cursor: pointer;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.language-text img{padding-top: 0;}
.language-text .icon-down{ display:block;float: right; vertical-align: middle;font-size: 14px; margin-left: 5px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;}
.language-list{position: absolute;top:59px;z-index: 10;background: #fff;padding:0px 0;-webkit-box-shadow: 0 2px 4px 2px rgba(0,0,0,.05);    border-top: 4px solid #272727;box-shadow: 0 2px 4px 2px rgba(0,0,0,.05);opacity: 0;visibility: hidden;-webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
.language-list a{display: block;padding:10px 28px;font-family: "gadugi";font-size: 16px; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.language-list a:hover{color: #e60012}
.language:hover .language-text{color: #e60012;}
.language:hover .language-text .icon-down{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.language:hover .language-list{opacity: 1;visibility: visible;}

/*iconfont*/
@font-face {
  font-family: "iconfont";
  src: url('../fonts/iconfont.eot?v=1.0'); /* IE9*/
  src: url('../fonts/iconfont.eot?v=1.0#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff?v=1.0.woff') format('woff'),
  url('../fonts/iconfont.ttf?v=1.0') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg?v=1.0#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-down:before {
  content: "\e606";
}
.tit1{}
.tit1 h2{ font-size:48px; font-weight:bold; height:155px; text-align:center; line-height:186px;  background:url(../images/logo_t.png) no-repeat center center;}
.tit1 h2 a{color:#333;}
/*Search*/
.head-search {position:relative;margin-left:18px;float:right;font-size:0;text-align:center;}
.head-search a {display:block;width:100%;padding:0 10px;height:80px;line-height:70px;}
.head-search a .icon-search {display:inline-block;width:100%;width:19px;height:19px;background:url(../images/sousuo.png) no-repeat center;background-size:contain;vertical-align:middle;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
.head-search a:hover .icon-search {background:url(../images/sousuo.png) no-repeat center;background-size:contain;-webkit-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);}
.head-search:hover .search-box {display:block;opacity:.9;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
.search-box {position:absolute;right:-120%;top:80px;width:260px;background:#fff;padding:0px 0;z-index:999;opacity:0;text-align:left;box-shadow:0 0 3px rgba(0,0,0,0.2);visibility:hidden;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px);-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
.search-box .searchi_a { font-family: '微软雅黑'; line-height:35px;padding:0 12px;outline:none;font-size:14px;width:72%;}
.search-box .searchi_s { font-family: '微软雅黑'; height:36px;padding:0 10px;background:#1b1b1b;color:#fff;cursor:pointer;outline:none;font-size:14px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.search-box .searchi_s:hover {opacity:1;}

.about{ padding: 65px 0;background: url(https://images0a.543211688.com/1xiaocx/2401img/0105/ab_bg.jpg) no-repeat center; }
.about_l{height: 335px;margin-right: 107px;padding-left: 40px; }
.about_r{ width: 820px;  padding-top: 46px;}
.about_r p{ font-size: 18px; color: #333; padding-bottom: 24px; line-height: 25px;  }

.detail{ display:inline-block; padding:0 36px 0 40px; border-bottom:2px solid #888; position:relative; margin-top: 20px;}
.detail:before{ content:""; width:100%; height:2px; background:#01b4ed; position:absolute; left:0; bottom:-2px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .32s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.detail a,.detail span{ position:relative; display:block; padding-right:48px; padding-bottom:18px; color:#888; line-height:1; font-size:14px; background:url(../images/arrow5.png) 68px top no-repeat; transition:320ms;}
.detail:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.detail:hover a,.detail:hover span{ color:#01b4ed; background:url(../images/arrow6.png) right top no-repeat;}

.product{ width: 100%;  overflow: hidden; padding-top: 25px;}
.product .wrap{  padding-bottom: 60px;  border-bottom: 12px solid #eee;  }
.h3_title{ line-height: 1; font-size: 38px; color: #333; padding-top: 75px; text-align: center; }
.h4_title{ display: table; margin: 0 auto; width: auto; font-size: 18px; color: #333; margin-top: 20px; padding-top: 20px; text-align: center; border-top: 1px solid #999; margin-bottom: 50px; }

.product li{ width: 255px; float: left; margin-right: 10px; position: relative;    border-radius: 17px;overflow: hidden; }
.product li:nth-child(6){ margin-right: 0px; }
.product li .main_pic img {-webkit-transition: 1s;-o-transition: 1s;transition: 1s; }
.product li .main_pic img:hover {-webkit-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05); transform: scale(1.05); border-radius: 17px;}
.product li a{ display: block; }
.product li h5{ font-size: 18px; color: #333; line-height: 60px; text-align: center; }
.product .more{ margin: 0 auto; margin-top: 40px; }

.fanhui{ margin-top: 0px; width: 137px;height: 38px; line-height: 38px; padding-left: 0px; text-align: center; border: 2px solid #626262; }
.fanhui:before {content:""; color: #fff; position:absolute;left:-100%;top:0;width:100%;height:100%;background:#626262;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
.fanhui b{ font-weight: lighter; padding-right: 5px; }

.product li .pro_d{position:absolute; width:100%; height:100%;  border-radius: 17px;  text-align:center; background: rgb(1, 180, 237); opacity: 0; -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; -ms-transition: color 0.2s linear; transition: color 0.2s linear;color: #ffffff;}
.product li .pro_d p{font-size: 1.5em;color: #ffffff;font-weight: bold;padding: 88px 19px 20px;}
.product li .pro_d span{color: #ffffff;padding: 0 20px;font-size: 0.9em;    display: block;}

.product li:hover .pro_d{ background: rgb(1, 180, 237,0.8); opacity: 1; color:#ccc; }
.product li:first-child div,.product li:nth-child(3) div,.product li:nth-child(5):hover div{ -webkit-transition: top 0.4s ease-in-out, opacity 0.6s ease-in-out; -moz-transition: top 0.4s ease-in-out, opacity 0.6s ease-in-out; -o-transition: top 0.4s ease-in-out, opacity 0.6s ease-in-out; -ms-transition: top 0.4s ease-in-out, opacity 0.6s ease-in-out; transition: top 0.4s ease-in-out, opacity 0.6s ease-in-out; }

.product li:first-child div,.product li:nth-child(5) div{ left:0; top:288px; }

.product li:first-child:hover div,.product li:nth-child(3):hover div,.product li:nth-child(5):hover div{ top:0; }

.product li:nth-child(2) div,.product li:nth-child(4) div,.product li:last-child div{ -webkit-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out; -moz-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out; -o-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out; -ms-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out; transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out; } 
.product li:nth-child(2) div,.product li:nth-child(4) div{ left:-200px; top:0; } 
.product li:nth-child(2):hover div,.product li:nth-child(4):hover div,.product li:last-child:hover div{ left:0; }
.product li:nth-child(3) div{ left:0; top:-288px; } 
.product li:last-child div{ left:200px; top:0; }



.main_pic{ overflow: hidden; }
.main_pic img {-webkit-transition: 1s;-o-transition: 1s;transition: 1s;    max-width: 100%;}
.main_pic img:hover {-webkit-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05); transform: scale(1.05);}

.zizhi{ overflow: hidden; width: 100%;/*background:url(../images/zizhi_bg.jpg) no-repeat center;*/ }
.zizhi .swiper-container{}
.zizhi .wrap{ padding-bottom: 60px;     border-bottom: 12px solid #eee; }
.zizhi ul{  padding-top: 10px;}
.zizhi ul li{ transition: 0.3s; float: left; margin-bottom: 15px; }

.zizhi ul li:nth-child(6n){ margin-right: 0px; }
.zizhi .more{ margin: 0 auto; margin-top: 40px; }
.zizhi ul li img{
    transition: 0.3s;
    opacity: 0.8;
    max-width: 98%;
    border: 5px solid #eee;
}
.zizhi ul li:hover img{ border: 5px solid #fff; -webkit-box-shadow: 0 0px 20px rgba(0,0,0,0.2);
    box-shadow: 0 0px 20px rgba(0,0,0,0.2);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);}
.zizhi ul li:hover img{ 
  vertical-align: baseline;
    opacity: 0.9;
}
.zizhi_m {width: 152px;margin:21px auto;}
.zizhi_m .more_pre{display: block;background: url(../images/arrow4.png) no-repeat center;width: 32px;height: 48px;float: left;transition:320ms;}
.zizhi_m a.more_pre:hover{background: url(../images/arrow4_h.png) no-repeat center;}
.zizhi_m .more_m{display: block;background: url(../images/more_m.png) no-repeat center;width: 48px;height: 48px;float: left;margin: 0 20px ;transition:320ms;}
.zizhi_m a.more_m:hover{background: url(../images/more_mh.png) no-repeat center;}
.zizhi_m .more_next{display: block;background: url(../images/arrow3.png) no-repeat center;width: 32px;height: 48px;float: left;transition:320ms;}
.zizhi_m a.more_next:hover{background: url(../images/arrow3_h.png) no-repeat center;}



.hezuo{ width: 100%;padding-top: 25px; padding-bottom:80px;}
.hzkh_ul{ clear: both; }
.hzkh_ul li{ margin-right: 30px; margin-bottom: 20px; transition: 0.3s; float: left; width: 198px; height: 98px; line-height: 98px; border:1px solid #ededed; text-align: center; overflow: hidden;}
.hzkh_ul li img{ max-height: 70px;}
.hzkh_ul li:hover img{filter: grayscale(0);}
.hzkh_ul li:hover{ -webkit-box-shadow:0 5px 30px rgba(0,0,0,0.1);
box-shadow:0 5px 30px rgba(0,0,0,0.1);
-webkit-transform:translate3d(0, -2px, 0);
transform:translate3d(0, -2px, 0) }
.hzkh_ul li:nth-child(7n){ margin-right: 0px; }
.hezuo .wrap{ padding: 0 20px; }
.hzkh_ul li .main_pic img{ transition: 0.3s; }

/*footer*/
.footer{border-top: 3px solid #01b4ed;}
.bottom1{background: #fff;padding: 47px 0 32px;    overflow: hidden;}
.bottom2{background: #fff;padding: 20px 0;}
.bottom2 a{display:inline-block;font-size: 16px;line-height: 24px; color: rgba(51,51,51,0.6);transition: .5s;position: relative;}
.bottom2 a i{font-style: normal;margin: 0 10px;}
.bottom2 .bottom2-con{padding-top: 22px;border-top: 1px solid #e5e5e5;}
.bottom2 a.link-ctm::after{display: none;}
.bottom2 a:hover{color: #E60012;}
.bottom2 .left{float: left;padding: 2px 0;}
.bottom2 .right{float: right;}
.bottom2 .left p{float: left;font-size: 16px;line-height: 24px;color: rgba(51,51,51,0.6);margin-right: 30px;}
.bottom2 .left span{display: inline-block;font-size: 16px;line-height: 24px;color: rgba(51,51,51,0.6);}
.bottom2 .right a{float: left;}
.bottom2-img{display: inline-block;float: right;}
.bottom-lx{float: left;}
.bottomlx-txt{}
.bottom-lx h3{font-size: 48px;color: #333;line-height: 50px;}
.bottom-ewm{text-align: center;float: left;width: 497px;margin-right: 56px;padding:0 63px 50px ;   border-left: 1px solid #e0e0e0;    border-right: 1px solid #e0e0e0;}
.bottom-ewm h3{padding: 0 0 50px;}
.bottom-ewm img{display: inline-block;max-width: 100%;margin-bottom: 8px;}
.bottom-ewm p{font-size: 16px;line-height: 24px;color: #333;}
.bottom-ewm ul{}
.bottom-ewm ul li{float: left;    padding: 0 24px; }
.bottom-ewm ul li.wx {
    position: relative;
}
.bottom-ewm ul li.wx .qr-box {
    position: absolute;
    left: 0;
    bottom: -30px;
    line-height: 30px;
    background: #fff;
    text-align: center;
    padding: 5px;
    font-size: 12px;
    color: #666;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.bottom-ewm ul li.wx:hover .qr-box {
    opacity: 1;
    visibility: visible;
}

.bottom-contact{float: right;width: 310px;    margin-left: 50px;}
.bottom-contact h3{font-size: 30px;line-height: 40px;margin-bottom:18px;color: #e60012; font-family: "DINMITTELSCHRIFTSTD";position: relative;display: inline-block;}
.bottom-contact h3 img{width:100%;}
.bottom-contact p{font-size: 16px;line-height: 26px;color: rgba(51,51,51,.6);}
.bottom-contact p i{font-style: normal;float: left;}
.bottom-contact p span{float: left;max-width: 84%;}
.bottom-lx ul{float: right;}
.bottom-lx li{font-size: 16px;line-height: 30px;color: rgba(230,197,156,0.5);}
.bottom-ul{float: left;}
.bottom-ul ul{float: left;margin-right: 61px;}
/*.bottom-ul ul:last-child{margin-right: 0;max-width: 15.5%;}*/
.bottom-ul ul li{padding: 0px 0;}
.bottom-ul ul li:first-child{margin-bottom: 20px;}
.bottom-ul ul li a,.bottom1-contact li{display: block;font-size: 16px;line-height: 30px;color: rgba(51,51,51,.6);transition: ease .5s;}
.bottom-ul ul li:first-child a{font-size: 18px;line-height: 24px;color: #333;}
.bottom-ul ul li a:hover{color: #E60012;}
.bottom-ul ul li:first-child a:hover{color: #E60012;}
.bottom1-ewm{float: right;}
.bott-share{text-align: center;margin-top: 5px;}
.bott-share a{display: inline-block !important; background: none !important;font-size: 24px !important;width: 34px !important;height: 34px !important;line-height: 34px !important;text-align: center;border-radius: 50% !important;color: #908a88 !important;transition: ease .5s !important;padding-left: 0 !important;text-decoration: none !important;margin: 0 3px !important;}
.bott-share a:hover{color: #e6c59c !important;opacity: 1 !important;}
.bott-share a::after{display: none !important;}
/*footer -end*/

@media(max-width: 1680px){
  .slider-container{ height: 746px; }
  .hzkh_ul li{ width: 152px; height: 75px; line-height: 75px;}
  }
@media(max-width: 1600px){
  .slider-container{ height: 746px; }
}

@media(max-width: 1440px){
    
.wrap{ width: 1440px; }
.slider-container{ height: 622px;}
.slide__text img{width: 66%;}
.about_l{ margin-right:150px; }
.about_r{width: 510px; margin-right: 50px;}
.product li{ width: 191px; }
.zizhi li{ width: 177px; height: 87px; }

.bottom-ul ul{    margin-right: 23px;}
.bottom-ewm{ width: 414px;   padding: 0 20px 50px;margin-right: 38px;}
.bottom-ewm ul li{    padding: 0 13px;}

}