@charset "UTF-8";
/*重置样式*/
*{margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-border: border-color;-moz-box-sizing: border-box;outline: none;}
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight: 400;line-height: 1;color: inherit;}
ul{list-style: none;}
a{text-decoration: none;color: #333;}
img{vertical-align: middle;outline: none;border: 0;}
body {
  font-family: "微软雅黑","Helvetica", "Arial", "sans-serif";
  font-size: 14px;
  line-height: 1.5;
  font-weight: normal;
  color: #333;
  background-color: #f4f4f4;
  min-width:1230px;
}
input,button,textarea{outline: none;font-family:inherit;border: none;background: none;}
:before, :after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/*全局样式*/
.container-middle{margin:0 auto;}
@media (min-width: 1230px){
  .container-middle {width:1200px;}
}
@media (min-width: 1430px){
  .container-middle {width:1400px;}
}
.container {margin:0 auto;width:1200px;}
.clearfix:before,.clearfix:after,
.container:before,.container:after,
.container-middle:before,.container-middle:after{
  content: " ";display: table;
}
.clearfix:after,.container:after,.container-middle:after{
  clear: both;
}
.section{width: 100%;overflow: hidden;}
.pull-left{float: left;}
.pull-right{float: right;}
.scrollbar::-webkit-scrollbar {
  width: 4px;
  background-color: #e3e3e3;
}
.scrollbar::-webkit-scrollbar-thumb {
  background-color:#888;
  border-radius: 10px;
}
/*header*/
.header{width:100%;position: relative;height: 110px;background: rgba(17,17,17,.9);}
.header.site-header{background: transparent;}
.nav-menu{position: absolute;left: 0;top: 0;width: 100%;height:110px;}
.nav-menu .nav-cont{position: relative;width:100%;height: 100%;top: 0;left: 0}
.nav-menu .logo{width:148px;height: 60px;position: absolute;left:3.125%;top:25px;z-index: 10;}
.nav-menu .logo img{width: 100%;height: 100%}
.nav-menu .navbar-togger{padding:42px 0;position: absolute;right:3.125%;top:0;z-index: 10;height: 110px;cursor: pointer;}
.navbar-togger .icon_bar {
    width: 31px;
    height: 3px;
    background-color: #fff;
    opacity: 1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.navbar-togger .icon_bar:nth-of-type(2) {
    margin:8px 0;
}
.open-menu .navbar-togger .icon_bar:nth-of-type(2) {
    opacity: 0;
}
.open-menu .navbar-togger .icon_bar:first-child {
    -webkit-transform: translate(0,11px) rotate(45deg);
        -ms-transform: translate(0,11px) rotate(45deg);
            transform: translate(0,11px) rotate(45deg);
}
.open-menu .navbar-togger .icon_bar:last-child {
    -webkit-transform: translate(0,-11px) rotate(-45deg);
        -ms-transform: translate(0,-11px) rotate(-45deg);
            transform: translate(0,-11px) rotate(-45deg);
}
.navbar{position: absolute;top: 0;left:120%;width: 100%;height: 100%;z-index: 9;background: #111;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.navbar .nav-drop{float: right;margin-right: 13.54%;}
.navbar .nav-item{float: left;position: relative;margin-left: 50px;}
.navbar .nav-a{font-size: 16px;line-height: 110px;color: #888888;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.navbar .nav-item::after{
  content: '';
    position: absolute;
    display: block;
    width: 0;
    height:3px;
    background: #cd881c;
    left: 0;
    bottom:0px;
    vertical-align: middle;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.navbar .nav-item:hover::after,.navbar .nav-item.active::after{
    width: 100%;
}
.navbar .nav-item:hover .nav-a{color: #fff;}

.navbar .nav-item .erji{ display: none; width: 180px; background: rgba(0,0,0,.7); position: absolute; left: 50%; margin-left: -90px; top: 100%; z-index: 9; }
.navbar .nav-item:hover .erji{ display: block; }
.navbar .nav-item .erji .li{ padding: 0 30px 0 10px; position: relative; line-height: 35px; font-size: 14px; }
.navbar .nav-item .erji .li > i{ color: #ccc; position: absolute; right: 0; top: 0; width: 30px; text-align: center; line-height: 35px; }
.navbar .nav-item .erji .li > a{ display: block; color: #ccc; }
.navbar .nav-item .erji .li:hover > a{ color: #fff; }
.navbar .nav-item .erji .li:hover{ background: #fca61f; }
.navbar .nav-item .erji .li:hover > i{ color: #fff; }
.navbar .nav-item .erji .li .sanji{ display: none; width: 180px; position: absolute; left: 100%; top: 0; background: rgba(0,0,0,.7); }
.navbar .nav-item .erji .li:hover .sanji{ display: block; }
.navbar .nav-item .erji .li .sanji .li .siji{ display: none; width: 180px; position: absolute; left: 100%; top: 0; background: rgba(0,0,0,.7); }
.navbar .nav-item .erji .li .sanji .li:hover .siji{ display: block; }

.open-menu .navbar{left:0;}
.dropdown-menu{position: absolute;top:100%;left: 0;width: 100%;z-index: 11;height: 0;overflow: hidden;}
.dropdown-menu .nav-second{background: rgba(0,0,0,0.5);text-align: center;height: 54px;border-top:1px solid rgba(255,255,255,.1);}
.dropdown-menu .nav-second li{display: inline-block;}
.dropdown-menu .nav-second li a{font-weight: lighter;font-size: 16px;color: #fff;line-height: 53px;padding:0 20px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.dropdown-menu .nav-second li a:hover{color: #fca61f;}

/*banner*/
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:0}.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}@font-face{font-family:'flexslider-icon';src:url('fonts/flexslider-icon.eot');src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),url('fonts/flexslider-icon.woff') format('woff'),url('fonts/flexslider-icon.ttf') format('truetype'),url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');font-weight:normal;font-style:normal}.flexslider{margin:0;padding:0}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img{width:100%;display:block}.flex-pauseplay span{text-transform:capitalize}.slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}.flexslider{background:#fff;position:relative;zoom:1}.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.flexslider .slides{zoom:1}.carousel li{margin-right:5px}.flex-direction-nav{*height:0}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,0.8);text-shadow:1px 1px 0 rgba(255,255,255,0.3);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right}.flexslider:hover .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default}.flex-direction-nav a:before{font-family:"flexslider-icon";font-size:40px;display:inline-block;content:'\f001'}.flex-direction-nav a.flex-next:before{content:'\f002'}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:"flexslider-icon";font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:'\f003'}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,0.5);cursor:pointer;text-indent:-9999px;border-radius:20px;-o-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);box-shadow:inset 0 0 3px rgba(0,0,0,0.3)}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,0.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,0.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}}
.se-banner{position: relative;}
#homeSlide{width:100%;height:850px;}
#homeSlide .slides,#homeSlide .slides li{width: 100%;height: 100%;}
#homeSlide .slides li a{display:block;width:100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size:cover;}
#homeSlide .flex-control-nav{bottom: 30px;}
#homeSlide .flex-control-nav li a {
    display: block;
    position: relative;
    z-index: 5;
    cursor: pointer;
    text-decoration: none;
    font-size: 0;
    line-height: 0;
    padding: 5px 0;
    height:24px;
    width: 24px;
    background: transparent;
    -webkit-box-shadow:none;
            box-shadow:none;
}
#homeSlide .flex-control-nav li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    border: 0;
    background:#fff;
    left: 50%;
    top: 50%;
    width: 6px;
    height: 6px;
    margin: -3px 0 0 -3px;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
#homeSlide .flex-control-nav li a svg {
    position: absolute;
    top: 0px;
    left: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
}
#homeSlide .flex-control-nav li a svg circle{
    fill: transparent;
    stroke: #fca61f;
    stroke-width: 1.5;
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
    -webkit-transition: stroke-dasharray 0s ease .3s, opacity .3s ease;
    -o-transition: stroke-dasharray 0s ease .3s, opacity .3s ease;
    transition: stroke-dasharray 0s ease .3s, opacity .3s ease;
    opacity: 0;
}
#homeSlide .flex-control-nav li a.flex-active span,#homeSlide .flex-control-nav li a:hover span,#homeSlide .flex-control-nav li:hover a.flex-active span {
    background: #fca61f;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
#homeSlide .flex-control-nav li a.flex-active svg circle,#homeSlide .flex-control-nav li a:hover svg circle{
    -webkit-transition: stroke-dasharray .6s ease, opacity 0s ease;
    -o-transition: stroke-dasharray .6s ease, opacity 0s ease;
    transition: stroke-dasharray .6s ease, opacity 0s ease;
    stroke-dasharray: 585;
    opacity: 1;
}
#homeSlide .container-middle{position: relative;}
#homeSlide .cont{position: absolute;left: 0;top:242px;}
#homeSlide .cont h3{opacity: 0;-webkit-transform: translate3d(0, 30px, 0);transform: translate3d(0, 30px, 0);-webkit-transition: all .8s;-o-transition: all .8s;transition: all .8s;}
#homeSlide .cont h3 img{width:auto;}
#homeSlide .cont .des{font-size:22px;line-height: 36px;color: #c0c0c0;font-weight: lighter;margin: 20px 0 65px;opacity: 0;-webkit-transform: translate3d(0, 50px, 0);transform: translate3d(0, 50px, 0);-webkit-transition: all .8s .2s;-o-transition: all .8s .2s;transition: all .8s .2s;}
@-webkit-keyframes anim-out {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes anim-out {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes anim-out-pseudo {
  0% {
    background: rgba(0, 0, 0,.25);
  }
  100% {
    background: transparent;
  }
}
@keyframes anim-out-pseudo {
  0% {
    background: rgba(0, 0, 0,.25);
  }
  100% {
    background: transparent;
  }
}
#homeSlide .btn-box{-webkit-transition: all .8s .4s;-o-transition: all .8s .4s;transition: all .8s .4s;opacity: 0;-webkit-transform: translate3d(0, 30px, 0);transform: translate3d(0, 30px, 0);}
#homeSlide .btn-more{font-size: 18px;line-height: 35px;height: 37px;text-align: center;padding:0 50px;background: #fca61f;font-family:"Arial";color: #fff;display: inline-block;border-radius: 18px;position: relative;overflow: hidden;border:1px solid #fca61f;-webkit-transition: all 0.1s;-o-transition: all 0.1s;transition: all 0.1s;}
#homeSlide .btn-more::before{content: '';position: absolute;top:50%;right:6px;margin-top: -13px;width: 26px;height: 26px;border-radius: 50%;background:url(../images/icon-more.png) no-repeat center #fff;z-index:2;}
#homeSlide .btn-more .anim{position: absolute;top:50%;left: 50%;z-index:2;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.anim:before {
    position: relative;
    content: '';
    display: block;
    margin-top: 100%;
}
.anim:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
}
#homeSlide .btn-more:hover .anim{-webkit-animation: anim-out 0.75s;animation: anim-out 0.75s;}
#homeSlide .btn-more:hover .anim:after{-webkit-animation: anim-out-pseudo 0.75s;animation: anim-out-pseudo 0.75s;}

#homeSlide .flex-active-slide .cont h3,
#homeSlide .flex-active-slide .des,
#homeSlide .flex-active-slide .btn-box{
  opacity:1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
}
/*home-product*/
@-webkit-keyframes ani-circle-a {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0;
    filter: alpha(opacity=0)\9
  }
  10% {
    opacity: 1;
    filter: alpha(opacity=100)\9
  }
  100% {
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
    opacity: 0;
    filter: alpha(opacity=0)\9
  }
}
@keyframes ani-circle-a {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0;
    filter: alpha(opacity=0)\9
  }
  10% {
    opacity: 1;
    filter: alpha(opacity=100)\9
  }
  100% {
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
    opacity: 0;
    filter: alpha(opacity=0)\9
  }
}
.section-title{padding:50px 0;}
.title-box{float: left;}
.title-box h2{font-size:40px;}
.title-bott{margin-top: 10px;}
.title-bott .title-s{font-size: 14px;color: #fca61f;line-height: 28px;text-transform: uppercase;letter-spacing: 12px;font-family:"Arial";}
.title-bott .title-line{width:295px;height: 3px;background: #fca61f;}
.section-title .title-menu,.section-title .title-menu2{height: 80px;}
.title-menu,.title-menu2,.title-menu3{float: right;position: relative;}
.title-menu li,.title-menu2 li,.title-menu3 li{float: left;margin-left: 56px;}
.title-menu li:first-child,.title-menu2 li:first-child,.title-menu3 li:first-child{margin-left: 0;}
.title-menu li a,.title-menu2 li a,.title-menu3 li a{font-size:18px;color: #888;line-height: 42px;display: block;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.title-menu li.active a,
.title-menu2 li.active a,
.title-menu3 li.active a,
.title-menu li:hover a,
.title-menu2 li:hover a,
.title-menu3 li:hover a{
  color: #fca61f;font-weight: bold;
}
.title-menu .line-bg,.title-menu2 .line-bg,.title-menu3 .line-bg{position: absolute;left:0;bottom:0;background: #efefef;height: 3px;width: 100%;z-index:2;}
.title-menu .line,.title-menu2 .line,.title-menu3 .line{position: absolute;left:0;bottom:0;height:3px;background: #fca61f;display: none;z-index: 3;}
.h-pro-box{max-width: 1920px;}
.se-h-pro{padding:30px 0 80px;background: #fff;}
.h-pro-t{display: none;}
.h-pro-t.active{display: block;}
.h-pro-le{width: 50%;float: left;display:block;position: relative;}
.h-pro-le .pic{width: 100%;overflow: hidden;}
.h-pro-le img{width:100%;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.h-pro-le img:hover{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.h-pro-le .cont{position: absolute;bottom:48px;left: 0;width: 100%;text-align: center;padding:0 15px;}
.h-pro-le .cont .name{font-size:36px;display: inline-block;color: #fff;line-height: 1;border-left:5px solid #fca61f;border-right:5px solid #27a8f2;padding:0 15px;-o-text-overflow: ellipsis;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    _zoom: 1;}
.h-pro-le .cont .name-en{font-family: "Arial";font-size: 16px;line-height: 34px;color: #b8b8b8;margin-top: 8px;-o-text-overflow: ellipsis;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    _zoom: 1;}
.h-pro-ri{width:50%;float: right;padding:0 4.1%;}
.h-pro-i{display:block;float: left;width:43.5%;position: relative;margin:0 3.1% 8% 3.1%;}
.h-pro-i .pic{width: 100%;position: relative;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.h-pro-i .pic img{width: 100%;}
.h-pro-i .pic::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height:59%;background:#ededed;z-index: -1;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.h-pro-i .name{width:100%;padding:0 15px;text-align: center;line-height: 1;padding-top:20px;font-size: 18px;color: #333;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.h-pro-i.la{margin-bottom: 0;}
.h-pro-i .cont{position: absolute;top:100%;left:0;width: 100%;padding:0 15px;margin-top: -16px;text-align: center;opacity: 0;-webkit-transition: all .5s .2s;-o-transition: all .5s .2s;transition: all .5s .2s;}
.link{width:32px;height: 32px;background:url(../images/link_01.png) no-repeat center center #fff;border-radius: 50%;display: inline-block;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.link:hover{background:url(../images/link_02.png) no-repeat center center #fff;}
.h-pro-i .tit{font-size: 18px;line-height:40px;color: #fca61f;-o-text-overflow: ellipsis;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    _zoom: 1;}
.h-pro-i .des{font-size: 14px;color: #666;max-height:42px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.h-pro-i:hover .pic{-webkit-transform: translateY(-40px);-ms-transform: translateY(-40px);transform: translateY(-40px);}
.h-pro-i:hover .pic::before{background: #2aaaf1;-webkit-box-shadow: 0 14px 49px rgba(36, 176, 255, 0.42);box-shadow: 0 14px 49px rgba(36, 176, 255, 0.42);}
.h-pro-i:hover .name{opacity: 0;}
.h-pro-i:hover .cont{opacity: 1;}
.se-h-adv{height:861px;background: url(../images/h-adv_bg.jpg) no-repeat center center;background-size:cover;}
.se-h-adv .title-box{float: none;text-align: center;color: #fff;padding:80px 0;}
.se-h-adv .title-bott .title-s{color: rgba(255,255,255,.5);}
.se-h-adv .title-bott .title-line{background:rgba(255,255,255,.5);margin:0 auto;}
.side-top{float: right;}
.side-top.side{float: none;position: fixed;top:0;left: 0;width: 100%;text-align: center;z-index: 200;background: #fff;padding:15px 0;-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);}
.side-top.side .title-menu{float: none;display: inline-block;}
.h-adv-c{width:555px;height: 250px;background: rgba(0,0,0,0.15);border: 1px solid rgba(56,56,56,1);margin:32px auto 0 auto;padding:50px 58px;}
.h-adv-tab{display: none;}
.h-adv-tab.on{display: block;}
.h-adv-f{color: #fff;font-size: 24px;line-height: 43px;}
.h-adv-f span{margin-left: 10px;}
.h-adv-s{font-size: 14px;line-height: 26px;color: #b2b2b2;margin-top: 15px;    
  max-height:78px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:3;
    overflow: hidden;
}
.se-h-adv .container{position: relative;height:100%;}
.se-h-adv .people{position: absolute;bottom: 0;right: 0;}
.h-adv-line{position: absolute;bottom: 0;left:0;background: url(../images/h-adv_02.png) no-repeat center;width:944px;height: 596px;}
.h-adv-i{position: absolute;left:0;top:0;color: #fff;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;cursor: pointer;}
.h-adv-i span{font-size: 18px;padding:0 18px;}
.circle-box{width:18px;height:18px;position: relative;margin-top: 4px;}
.circle-a{position: absolute;top:3px;left:3px;width:12px;height: 12px;background: rgba(43,170,241,1);border-radius: 50%;padding:3px;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;z-index:4;}
.circle-a i{width:6px;height:6px;background:#fff;display:block;border-radius:50%;opacity:0;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.h-adv-i.i-1{left: -4px;top: -26px;}
.h-adv-i.i-2{left:146px;top: 233px;}
.h-adv-i.i-3{left:360px;top:404px;}
.h-adv-i.i-4{left:726px;top:534px;}
.circle-b{width:26px;height: 26px;border-radius: 50%;position:absolute;left: 50%;top: 50%;margin-top: -13px;margin-left: -13px;background: rgba(43,170,241,.4);z-index:3;opacity: 0;}
.circle-c{width:36px;height:36px;border-radius: 50%;background: rgba(43,170,241,.2);position:absolute;left: 50%;top: 50%;margin-left: -18px;margin-top: -18px;z-index:2;opacity: 0;}
.h-adv-i:hover,.h-adv-i.on{color:#2baaf1;}
.h-adv-i:hover .circle-a,.h-adv-i.on .circle-a{-webkit-transform: scale(1.5);-ms-transform: scale(1.5);transform: scale(1.5);}
.h-adv-i:hover .circle-a i,.h-adv-i.on .circle-a i{opacity: 1;}
.h-adv-i:hover .circle-b,.h-adv-i.on .circle-b{-webkit-animation: ani-circle-a 4.5s ease-out forwards infinite;animation: ani-circle-a 4.5s ease-out forwards infinite;}
.h-adv-i:hover .circle-c,.h-adv-i.on .circle-c{-webkit-animation: ani-circle-a 4.5s ease-out 1.5s forwards infinite;animation: ani-circle-a 4.5s ease-out 1.5s forwards infinite;}
/*about*/
.se-h-about{padding:30px 0 40px;background: #fff;}
.h-about-le{float: left;width:50%;position: relative;display: block;margin-bottom:103px;}
.h-about-le .pic{width:100%;overflow:hidden;border:3px solid #a1a1a1;}
.h-about-le .pic img{width:100%;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.h-about-le .cont{position:absolute;bottom:-63px;left:95px;width:513px;height: 226px;background: #fff;-webkit-box-shadow: 0 3px 38px rgba(0, 0, 0, 0.15);box-shadow: 0 3px 38px rgba(0, 0, 0, 0.15);padding:36px 56px;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s}
.h-about-le  .scrollbar{max-height:154px;overflow-y: auto;}
.h-about-le .cont p{font-size: 14px;line-height: 30px;color: #888;}
.h-about-le .link {
    position:absolute;
    top:-16px;
    left:50%;
    margin-left: -16px;
    -webkit-box-shadow: 0 13px 35px rgba(105,65,2, 0.3);
            box-shadow: 0 13px 35px rgba(105,65,2, 0.3);
}
.h-about-le:hover .pic img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.h-about-le:hover .cont{-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);}
.h-about-ri{float: right;width:50%;padding-left: 60px;}
.news-type{display: none;}
.news-type.active{display: block;}
.h-about-i{display: block;float: left;margin-left: 20px;width: 300px;height: 259px;overflow:hidden;position: relative;margin-bottom:40px;}
.h-about-i .cont{padding:52px 0;border-top: 1px solid #d0d0d0;border-bottom: 1px solid #d0d0d0;height: 100%;}
.h-about-i .tit{font-size:18px;line-height: 30px;
    height:60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
}
.h-about-i .time{color: #888; }
.h-about-i .des{color: #888;line-height: 26px;margin-top: 16px;
    height:52px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
}
.h-about-i .pic{position: absolute;top:100%;left: 0;width: 100%;height: 100%;overflow:hidden;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.h-about-i .pic img{width: 100%;height: 100%;}
.h-about-i .link{position:absolute;top:50%;left:50%;margin-top:-16px;margin-left: -16px;-webkit-box-shadow: 0 13px 35px rgba(105,65,2, 0.3);box-shadow: 0 13px 35px rgba(105,65,2, 0.3);}
.h-about-i:hover .pic{top:0;}
@media (max-width: 1430px){
  .h-about-le .cont{width: 440px;left:80px;}
  .h-about-i{width: 258px;height:223px;margin-left: 18px;margin-bottom: 35px;}
  .h-about-i .cont{padding:40px 0;}
  .h-about-le .scrollbar{max-height: 185px;}
  .h-about-le .cont{height:258px;}
  .h-about-ri{padding-left:48px;}
}
.footer{width: 100%;background: #222222;overflow: hidden;}
.footer-top{padding:76px 0 14px;}
.footer-item{float: left;padding-right: 75px;}
.footer-item a{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.footer-item dt{margin-bottom: 10px;}
.footer-item dt a{font-size:16px;color: #fff;display: block;}
.footer-item dd a{line-height: 26px;color: #888;display: block;}
.f-ri-l{float: left;text-align: right;}
.f-tel{font-size: 30px;color: #cbcbcb;font-family: "Arial";line-height: 30px;}
.f-time{font-size: 14px;line-height: 26px;color: #cbcbcb;}
.f-share{margin-top: 24px;}
.f-share .text{display: block;float: right;color: #888;}
.f-share .bdsharebuttonbox{float: right;}
.f-share .bdsharebuttonbox a,.news-d-share .bdsharebuttonbox a{width:40px;height:20px;padding:0;margin: 0;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.f-share .bdsharebuttonbox a:hover,.news-d-share .bdsharebuttonbox a:hover{opacity: 1;filter: alpha(opacity=100);}
.f-share .bdsharebuttonbox .bds_weixin,.news-d-share .bdsharebuttonbox .bds_weixin {background:url(../images/weixin.png) no-repeat center;}
.f-share .bdsharebuttonbox .bds_weixin:hover{background: url(../images/weixin_02.png) no-repeat center;}
.f-share .bdsharebuttonbox .bds_tsina,.news-d-share .bdsharebuttonbox .bds_tsina{background:url(../images/weibo.png) no-repeat center;border-left:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2);}
.f-share .bdsharebuttonbox .bds_tsina:hover{background:url(../images/weibo_02.png) no-repeat center;}
.f-share .bdsharebuttonbox .bds_sqq,.news-d-share .bdsharebuttonbox .bds_sqq{background:url(../images/qq.png) no-repeat center;}
.f-share .bdsharebuttonbox .bds_sqq:hover{background:url(../images/qq_02.png) no-repeat center;}
.f-ri-r{float: right;padding-left:10px;}
.footer-item dd a:hover{color: #ccc;}
.footer-friend{line-height: 30px;color: #888;padding-bottom: 22px;}
.footer-friend a{margin-left: 60px;color: #888;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.footer-bottom{height: 54px;border-top: 1px solid #595959;line-height: 53px;color: #888;}
.footer-bottom a{color: #888;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.footer-bottom a:hover,.footer-friend a:hover{color: #ccc;}
/*面包屑*/
.sec-crumbs{padding:22px;border-bottom: 1px solid #d9d9d9;background: #efefef;}
.breadcrumb{font-size: 14px;color: #888;line-height: 30px;}
.breadcrumb a{color: #888;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;float: left;}
.breadcrumb a:hover{color: #fca61f;}
.breadcrumb em {
  float: left;
    width:17px;
    height:30px;
    background: url(../images/crumb.png) no-repeat center;
    overflow: hidden;
}
.breadcrumb span{float: left;}
/*主题*/
.sec-theme{padding:47px 0;border-bottom: 2px solid #d7d4d4;background: #fff;}
/*联系*/
.sec-contact{padding: 60px 0;}
.motif{border-left:3px solid #2baaf1;padding-left: 8px;}
.motif h4{font-size: 30px;font-family: "Arial";font-weight: bold;line-height: 1;text-transform: uppercase;}
.motif p{font-size: 24px;color: #2baaf1;line-height: 1;padding-top: 10px;}
.contact-f{padding:42px 0 35px;}
.contact-f li{float: left;text-align: center;width: 280px;padding:0 24px;margin-right: 152px;}
.contact-f li .icon{display: inline-block;width:140px;height: 140px;border: 1px solid #b0b0b0;border-radius:50%;background-color: transparent;background-repeat: no-repeat;background-position: center;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.contact-f li.li-1 .icon{background-image:url(../images/tel.png);}
.contact-f li.li-2 .icon{background-image:url(../images/address.png);}
.contact-f li.li-3 .icon{background-image:url(../images/email.png);}
.contact-f li .cont{padding:15px 0;}
.contact-f li .tit{font-size: 18px;line-height: 28px;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.contact-f li .des{font-size: 18px;color: #666;line-height: 24px;}
.contact-f li.li-1 .des,.contact-f li.li-3 .des{font-family: "Arial";}
.contact-f li.li-3{margin-right: 0;}
.contact-f li.li-1:hover .icon{background-image:url(../images/tel_h.png);}
.contact-f li.li-2:hover .icon{background-image:url(../images/address_h.png);}
.contact-f li.li-3:hover .icon{background-image:url(../images/email_h.png);}
.contact-f li .icon:hover{border-color: #fca61f;}
.contact-f li:hover .tit{color:#fca61f; }
.sec-message{padding-bottom: 60px;}
.message-box{margin-top: 30px;}
.inputlist{position: relative;margin-bottom: 20px;height:52px;width:100%;}
.inputlist .boxline{border: 1px solid #d3d3d3;width:100%;height:100%;position: absolute;top:0;left: 0;z-index:2;}
.message-box .pull-left{width:368px;}
.message-box input[type=text]{position: absolute;left: 0;top: 0;z-index: 3;background: transparent;border: none;font-size: 14px;color: #666;width: 100%;height:52px;line-height: 50px;padding:0 20px;width:100%;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.message-box .sub{width:100%;height: 42px;background: #099ef4;border:1px solid #099ef4;color: #fff;font-size: 14px;border-radius:5px;cursor: pointer;-webkit-transition: all .8s;-o-transition: all .8s;transition: all .8s;position: relative;}
.message-box .pull-right{width:802px;}
.pull-right .inputlist{height: 344px;}
.message-box textarea{position: absolute;left: 0;top: 0;z-index: 3;width:100%;height: 344px;font-size: 14px;color: #666;padding:15px 20px;overflow-y:auto;resize: none;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.message-box .sub::before,.message-box .sub::after,.inputlist .boxline::before,.inputlist .boxline::after{content: '';position:absolute;z-index: 5;border-radius: 5px;-webkit-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;border-style: solid;border-color: #fca61f;-webkit-box-sizing: content-box;box-sizing: content-box;}
.message-box .sub::before,.inputlist .boxline::before{ width: 0;height: 100%;
    border-width: 1px 0 1px 0;
    top: -1px;
    left: 0;
    -webkit-transition-delay: 0.05s;
    -o-transition-delay: 0.05s;
       transition-delay: 0.05s;
}
.message-box .sub::after,.inputlist .boxline::after{width:100%;height: 0;border-width: 0 1px 0 1px;left:-1px;top:0;}
.message-box .sub:hover{color:#fca61f;background: transparent;}
.message-box .sub:hover:before {width: 100%;}
.message-box .sub:hover:after {height: 100%;}
.inputlist .boxline{border-radius: 0;}
.inputlist .boxline::before,.inputlist .boxline::after{border-radius: 0;}
.inputlist input:focus + .boxline::before,.inputlist textarea:focus + .boxline::before {width: 100%;}
.inputlist input:focus + .boxline::after,.inputlist textarea:focus + .boxline::after {height: 100%;}
/*招聘*/
.sec-join{padding: 60px 0;}
.join-f{width:100%;height:447px;background: url(../images/join_01.jpg) no-repeat center;background-size:cover;position: relative;}
.join-f .cont{color: #fff;font-size: 18px;line-height: 38px;text-align: center;width:700px;margin-left:224px;vertical-align: middle;display: inline-block;}
.join-f::before{content: '';width:0;height:100%;vertical-align: middle;display: inline-block;}
.job-hea{width: 100%;height:50px;line-height: 50px;cursor: pointer;}
.join-s{padding-top: 40px;}
.job-le{float: left;width:50px;height:50px;position: relative;background: #666;}
.job-le:before{content: '';width: 20px;height:2px;position: absolute;top:50%;left: 50%;margin-left:-10px;margin-top:-1px;background: #fff;}
.job-le:after{content: '';height: 20px;width:2px;position: absolute;top:50%;left: 50%;margin-left:-1px;margin-top:-10px;background: #fff;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.job-ri{padding-left:50px;background: #dfdfdf;font-size: 20px;line-height: 50px;}
.job-z{float:left;padding:0 30px;}
.job-d{float: right;padding:0 30px;color: #666;}
.job-cont{padding:50px 30px 60px 30px;display: none;}
.job-c-z{margin-bottom: 20px; font-size: 14px; line-height: 25px; color: #666; }
.job-cont .btn-send{padding:0 50px;height: 42px;line-height: 40px;}
.btn-border{display: inline-block;border: 1px solid #fca61f;background: #fca61f;color: #fff;border-radius: 5px;position: relative;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.btn-border::before,.btn-border::after{content: '';position:absolute;z-index: 5;border-radius: 5px;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;border-style: solid;border-color: #27a8f2;-webkit-box-sizing: content-box;box-sizing: content-box;}
.btn-border:before {
    width: 0;
    height: 100%;
    border-width: 1px 0 1px 0;
    top: -1px;
    left: 0;
    -webkit-transition-delay: 0.05s;
    -o-transition-delay: 0.05s;
       transition-delay: 0.05s;
}
.btn-border::after{width:100%;height: 0;border-width: 0 1px 0 1px;left:-1px;top:0;}
.btn-border:hover{color:#27a8f2;background: transparent;}
.btn-border:hover:before {width: 100%;}
.btn-border:hover:after {height: 100%;}
.job-c-z.z-1 li{color: #666;}
.job-b{position: relative;}
.job-item{margin-bottom: 10px;}
.job-item.open .job-le{background: #fca61f;}
.job-item.open .job-le:after{opacity: 0;}
.sec-about{padding-top: 60px;}
.about-fi{width:100%;background: #fff;margin-top:57px;position: relative;}
.about-fi .cont{padding:30px 60px 30px 820px;line-height: 28px;color:#888;height: 440px;}
.about-fi-w{width:1320px;margin:0 auto;}
.about-fi-w .motif{margin-left: 820px;}
.about-fi .scrollbar{padding-right:50px;overflow-y: auto;max-height: 380px;}
.about-fi .pic-box{position: absolute;left: 60px;bottom: 60px;}
.about-fi .pic{width:700px;height: 494px;overflow:hidden;position: relative;}
.about-fi .pic img{width: 100%;height: 100%;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.about-fi .pic img:hover{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.biankuang {
    width: 3px;
    height: 3px;
    position: absolute;
    z-index: 99;
    border-radius: 10px;
}
.biankuang_1 {
    height: 3px;
    top:0;
    left: 0px;
    border-left: 3px solid #2baaf1;
}
.biankuang_2 {
    width: 0px;
    bottom: 0;
    left: 0px;
    border-top: 3px solid #2baaf1;
}
.biankuang_3 {
    height: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 3px solid #2baaf1;
}
.biankuang_4 {
    width: 0px;
    top: 0;
    right: 0px;
    border-bottom: 3px solid #2baaf1;
}
.culture-box{padding:40px 0 35px;}
.culture-box li{width: 33.333333333%;float:left;text-align: center;border-left: 1px solid #c7c7c7;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.culture-box li.first{border-left: none;}
.culture-box .icon{width:88px;height:74px;display: inline-block;background-repeat: no-repeat;background-position: center;background-image: url(../images/about_j.png);}
.culture-box .tit{font-size: 20px;line-height: 48px;margin-top: 15px;}
.culture-box .des{font-size:15px;color: #888;line-height: 24px;}
.culture-bott .col-1{width: 100%;overflow: hidden;margin-bottom: 20px;}
.culture-bott .col-2{width:590px;height: auto;overflow: hidden;float: left;}
.culture-bott .col-2.first{margin-right:20px;}
.culture-bott img{width: 100%;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.culture-bott img:hover{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.sec-culture{padding: 60px 0;}
.culture-box li:hover{-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);}
/*荣誉证书*/
.sec-honor{padding:60px 0;}
.honor-box{margin-left: -20px;}
.honor-item{float: left;width:386px;margin-left: 20px;margin-bottom: 20px;cursor: pointer;}
.honor-item .pic{width:100%;height:375px;overflow:hidden;border:1px solid #d7d4d4;}
.honor-item .pic img{width: 100%;height: 100%;}
.honor-item .name{font-size: 18px;text-align: center;line-height: 47px;padding:0 15px;height: 47px;background: #d7d4d4;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    _zoom: 1;}
.honor-item:hover .name{background: #2baaf1;color: #fff;}

/*图片放大*/
#darkbox {
    position: fixed;
    z-index: 9999;
    background: rgba(0,0,0,0.8) no-repeat none 50%;
    background-size: contain;
    -webkit-box-shadow: 0 0 0 3000px rgba(0,0,0,0.8);
            box-shadow: 0 0 0 3000px rgba(0,0,0,0.8);
    opacity: 0;
    visibility: hidden;
}
#darkbox.on {
    opacity: 1;
    visibility: visible;
    height: 90% !important;
    width: 90% !important;
    left: 5% !important;
    top: 5% !important;
}
#darkbox_prev, #darkbox_next {
    cursor: pointer;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    height: 50px;
    width: 50px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#darkbox_prev {
    left: -2px;
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
#darkbox_next {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: -2px;
}
#darkbox_prev:hover,#darkbox_next:hover{border-color: #fca61f;}
#darkbox-description {
    position: absolute;
    width: 100%;
    color: #fff;
    font-size: 18px;
    bottom: 5px;
    text-align: right;
    text-shadow: 0 1px 1px #000;
}
#darkbox:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    height: 24px;
    content: "";
    color: #fff;
    cursor: pointer;
    background: url(/skin/anj/images/close.png) no-repeat center transparent;
}


.load-more{font-size: 16px;line-height: 34px;color: #666;text-align:center;margin-top: 12px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.load-more span{cursor: pointer;}
.load-more span:hover{color: #fca61f;}
/*新闻*/
.sec-news{padding:60px 0;}
.news-box{margin-left: -20px;}
.news-item{display: block;float: left;width: 590px;height: 255px;overflow:hidden;margin-left: 20px;margin-bottom: 20px;background: #fff;}
.news-item .pic,.news-item .box{width:295px;height:255px;float: left;overflow:hidden;}
.news-item .pic img{width: 100%;height: 100%;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.news-item .box{position: relative;}
.news-item .cont{width: 100%;height: 100%;padding:25px 30px;position: absolute;right: 0;top: 0;z-index: 5;color: #888;-webkit-transition:color .3s;-o-transition:color .3s;transition:color .3s;}
.news-item .tit{font-size:18px;color: #333;line-height: 30px;margin:10px 0 18px;-webkit-transition:color .3s;-o-transition:color .3s;transition:color .3s;
  height: 60px;
display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news-item .des{font-size: 14px;line-height: 28px;
height: 84px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.news-item .hover{
    position: absolute;
    top:100%;
    right: 0;
    z-index: 2;
    background: #28a8f1;
    width:295px;height:255px;
}
.news-item:hover .cont,.news-item:hover .tit{color: #fff;}
.news-item:hover .pic img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
/*新聞詳情*/
.sec-news-detail{padding:60px 0;}
.news-d-tit{font-size: 18px;line-height: 30px;}
.news-d-se span{color: #888;margin-right: 15px;line-height: 34px;}
.news-d-shar{margin-top: 5px;}
.news-d-share .text{color: #888;display: block;float: left;}
.news-d-share .bdsharebuttonbox{float: left;}
.news-d-share .bdsharebuttonbox .bds_weixin:hover{background: url(../images/weixin_02.png) no-repeat center;}
.news-d-share .bdsharebuttonbox .bds_tsina:hover{background: url(../images/weibo_02.png) no-repeat center;}
.news-d-share .bdsharebuttonbox .bds_sqq:hover{background: url(../images/qq_02.png) no-repeat center;}
.news-d-th{border:1px solid #d7d4d4;padding:30px 40px;line-height: 28px;color: #888;margin-top: 30px;}
.news-d-th img{max-width: 100%;}
.news-d-fo{margin-top: 30px;}
.news-d-fo .btn-page{line-height: 42px;padding:0 60px;border:2px solid #d9d9d9;color:#666;background: transparent;border-radius: 0;text-align:center;}
.news-d-fo .pull-left .btn-page{margin-right: 10px;}
.news-d-fo .btn-page:hover{color: #fca61f;}
.news-d-fo .btn-border::before,.news-d-fo .btn-border::after{border-color:#fca61f;border-radius:0;}
.news-d-fo .btn-border:before{border-width: 2px 0 2px 0;}
.news-d-fo .btn-border::after{border-width: 0 2px 0 2px;}
.news-d-fo .btn-border:hover:before{width: 179px;}
.news-d-fo .btn-border:hover:after {height: 45px;}
/*常見問題*/
.sec-problem{padding:60px 0;}
.problem-h{width: 100%;height:80px;border-bottom:1px solid #d7d4d4;cursor: pointer;/*transition:border-color .3s;*/}
.problem-h .tit{font-size: 18px;line-height: 79px;float: left;margin-right:100px;/*transition: color .3s;*/
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    _zoom: 1;
}
.problem-h .icon{width:14px;height: 79px;float: right;position: relative;/*transition:transform .3s;*/}
.problem-h .icon::after{content: '';width:14px;height: 2px;background: #888;position: absolute;top:50%;right:0;margin-top:-1px;/*transition:background .3s;*/}
.problem-h .icon::before{content: '';width:2px;height: 14px;background: #888;position: absolute;top:50%;right:6px;margin-top:-7px;/*transition:background .3s;*/}
.problem-c{line-height: 26px;color: #888;display: none;}
.problem-c .cont{padding-bottom:20px;}
.problem-item.open .problem-h{border-color: transparent;}
.problem-h:hover .tit{color: #fca61f;}
.problem-h:hover .icon::after,.problem-h:hover .icon::before{background: #fca61f;}
.problem-item.open .icon{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
/*service*/
.sec-service{padding:60px 0;}
.service-item{padding:18px 0 22px;border-bottom: 1px solid #d7d4d4;}
.service-item .ser-t{font-size: 16px;line-height: 40px;}
.service-item .ser-c{color: #888;line-height: 28px;padding-left:31px;}
/*advantage*/
.sec-designing{padding:60px 0;}
.adv-f{line-height: 24px;color: #888;padding:15px 0;}
.des-box .pull-left,.des-box .pull-right{width:590px;}
.des-box .des-cont{margin-left: -20px;}
.des-item{float: left;margin-left: 20px;margin-bottom: 20px;}
.des-01{width:590px;height: 395px;overflow:hidden;}
.des-02{width:285px;height: 191px;overflow:hidden;}
.des-box img{width: 100%;height: 100%;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.des-box img:hover{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.sec-strength{padding:60px 0;background: #fff;}
.strength-box{margin-left: -19.5px;}
.strength-item{float: left;width: 387px;overflow:hidden;margin-left: 19.5px;}
.strength-item .pic{width: 387px;height: 259px;overflow:hidden;}
.strength-item .pic img{width: 100%;height: 100%;}
.strength-item .cont{background: #f4f4f4;height: 47px;text-align:center;line-height: 47px;color: #666;font-size: 18px;padding:0 15px;position: relative;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.strength-item .tit{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index:5;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    _zoom: 1;
}
.strength-item .cont::after{content: '';background:#fca61f;width:100%;height: 100%;position: absolute;top: 0;left:0;z-index:2;-webkit-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.strength-item:hover .cont::after{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.strength-item:hover .cont{color: #fff;}
.manu-fi{height: 394px;background: url(../images/manu_bg.jpg) no-repeat center;background-size: cover;padding-top: 60px;}
.manu-fi .motif{color: #cacaca;}
.manu-fi .adv-f{color: #ccc;}
.manu-item{width:300px;height: 201px;float: left;position: relative;}
.manu-item .pic{width: 100%;height: 100%;overflow:hidden;border:6px solid #7a7a7a;}
.manu-item img{width:100%;height: 100%;overflow:hidden;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.manu-item:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.manu-fi .container{position: relative;height: 100%;}
.manu-item::before,.manu-item::after {
    content: '';
    position: absolute;
    z-index: 5;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border-style: solid;
    border-color: #fca61f;
   /* box-sizing: content-box;*/
}
.manu-item::before {
    width: 0;
    height:100%;
    border-width:6px 0 6px 0;
    top: 0;
    left: 0;
    -webkit-transition-delay: 0.05s;
    -o-transition-delay: 0.05s;
       transition-delay: 0.05s;
}
.manu-item::after {
    width: 100%;
    height: 0;
    border-width: 0 6px 0 6px;
    left: 0;
    top: 0;
}
.manu-item:hover::before {
    width: 100%;
}
.manu-item:hover::after {
    height:100%;
}
.manu-item.it-1{position: absolute;bottom: 0;left: 0;}
.manu-item.it-2{position: absolute;bottom: 0;left: 600px;}
.manu-se{background: #eeeeee;height: 261px;}
.manu-item.it-3{margin-left:300px;}
.manu-item.it-4{margin-left:300px;}
.sec-sales{background: #fff;padding: 60px 0;}
.sales-box{margin-top: 35px;}
.sales-box .col-3{float: left;width:340px;text-align: center;}
.sales-box .col-3:nth-of-type(2){margin:0 90px;}
.sales-item{display: inline-block;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.sales-item .icon{display: inline-block;width:140px;height:140px;background-repeat: no-repeat;background-image: url(../images/sales_j.png);border:1px solid #b0b0b0;border-radius: 50%;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.sales-item.it-1 .icon{background-position: 0 0;}
.sales-item.it-2 .icon{background-position:-140px 0;}
.sales-item.it-3 .icon{background-position:-280px 0;}
.sales-item .name{font-size: 18px;line-height: 58px;}
.sales-item:hover{color: #fca61f;}
.sales-item:hover .icon{border-color: #fca61f;}
.sales-item.it-1:hover .icon{background-position: 0 -140px;}
.sales-item.it-2:hover .icon{background-position: -140px -140px;}
.sales-item.it-3:hover .icon{background-position:-280px -140px;}
.rela{position: relative;}
.abs {
    position: absolute;
    height: 1px;
    top: -68px;
    left: 0;
}
/*产品中心*/
.sec-product{padding:60px 0;background: #f4f4f4;}
.product-box{margin-left: -21px;}
.product-item{display: block;float: left;width:386px;margin-left: 21px;margin-bottom: 20px;background:#fff;color: #333;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;overflow:hidden;}
.product-item .pic{width:386px;height: 339px;overflow: hidden;border: 1px solid #e3e3e3;}
.product-item .pic img{width:100%;height: 100%;overflow:hidden;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.product-item .cont{padding:15px 30px;position: relative;}
.product-item .name{font-size:18px;line-height:30px;
-o-text-overflow: ellipsis;
   text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    _zoom: 1;
}
.product-item .en{color: #b8b8b8;font-family: "Arial";
-o-text-overflow: ellipsis;
   text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    _zoom: 1;
}
.product-item .cont::before{content: '';width: 5px;height: 100%;background: #fca61f;position: absolute;left: 0;top: 0;-webkit-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.product-item:hover{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);-webkit-box-shadow:0 3px 14px 0 rgba(0,0,0,.13);box-shadow:0 3px 14px 0 rgba(0,0,0,.13);;color: #fca61f;}
.product-item:hover .pic img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.product-item:hover .cont::before{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.pro-menu{position: relative;float: right;}
.pro-se-t{float: left;margin-left: 10px;padding-top: 20px;}
.pro-se-a{font-size: 16px;color: #666;border:2px solid #efefef;line-height: 42px;padding:0 18px;min-width: 192px;display:inline-block;}
.pro-three{padding-top: 5px;display: none;}
.pro-th-a{display: block;margin:0 20px;color: #888;line-height: 37px;border-bottom:1px solid #e3e3e3;}
.pro-se-a.on,.pro-se-a:hover{color: #fca61f;border-color: #fca61f;}
.pro-th-a.on,.pro-th-a:hover{color: #fca61f;}
.pro-second{height: 0;overflow:hidden;}
/*产品详情*/
.sec-product-de{padding:60px 0;}
.pro-de-le{float: left;width: 600px;}
.pro-de-ri{float: right;width:552px;}
.spec-preview {width: 599px;height: 526px;}
.jqzoom {
    float: left;
    border: none;
    position: relative;
    cursor: pointer;
    display: block;
    width: 597px;
    border: 1px solid #e3e3e3;
    height: 524px;
    overflow: hidden;
}
.jqzoom img {width: 597px;height: 524px;}
.spec-scroll {clear: both;width: 552px;position: relative;overflow: hidden;}
.spec-scroll .prev, .spec-scroll .next {cursor: pointer;width:23px;height:23px;position: absolute;top:46px;background: url(../images/prev.png) no-repeat center #e3e3e3;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.spec-scroll .prev{left: 0;}
.spec-scroll .next{right:0;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.spec-scroll .items{position: relative;width:100%;height: 115px;}
.spec-scroll .items ul {position: absolute;width: 999999px;height:115px;}
.spec-scroll .items ul li {float: left;width:131px;height:115px;border: 1px solid #e3e3e3;margin-right: 9px;cursor: pointer;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.spec-scroll .items ul li img{width: 100%;height: 100%;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:368px;height:368px;background:#ffffff;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.spec-scroll .prev:hover, .spec-scroll .next:hover{background-color:#fca61f;}
.spec-scroll .items ul li.hover{border-color:#fca61f; }
.pro-de-ri .name{font-size: 24px;line-height:1;}
.pro-tr{width: 100%;height:51px;}
.pro-th{float: left;line-height: 50px;}
.pro-td{margin-left: 105px;line-height: 50px;border-bottom: 1px solid #d6d6d6;color: #888;height:51px;}
.pro-body{margin:22px 0;}
.pro-color .pro-td{border-bottom: 0;}
.sel-color{padding:15px 0;height: 51px;}
.sel-color li{float: left;margin-right: 12px;border:4px solid #fff;border-radius: 50%;width: 21px;height: 21px;cursor: pointer;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.sel-color .color-1{background: #ababab;}
.sel-color .color-2{background: #6f6f6f;}
.sel-color .color-3{background: #ec6768;}
.pro-de-th li{font-size:16px;line-height: 35px;float: left;position: relative;}
.pro-de-th li::before{content: '';position: absolute;bottom:-3px;left: 0;width: 100%;height: 3px;background: #2baaf1;}
.pro-de-th ul{border-bottom:3px solid #e3e3e3;}
.pro-de-fo{padding-top:20px;}
.pro-de-se{padding-top:30px;}
.pro-de-fo img{margin-bottom: 10px;}
.sel-color li.on {-webkit-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);}

.pro-de-fo table{ border: 1px solid #ddd; width: 100%; }
.pro-de-fo table td,.pro-de-fo table th{ padding: 5px 10px; border: 1px solid #ddd; }
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*客服挂件*/
.kf {
    transition: .8s;
    -o-transition: .8s;
    -moz-transition: .8s;
    -webkit-transition: .8s;
    z-index: 999999;
    background-color: #fff;
    position: fixed;
    bottom: 100px;
    right: 20px;
    width: 62px;
    border-radius: 5px;
}

.kf span {
    z-index: 1000001;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    cursor: pointer;
    position: relative;
    display: block;
    width: 62px;
    height: 62px;
    border-bottom: 1px solid #e3e3e3;
}

.kf .zx {
    border-radius: 5px 5px 0 0;
    background: url("../images/qq.png") no-repeat center #fff;
}

.kf .zx:hover {
    background: url("../images/qq_h.png") no-repeat center #fca61f;
}

.kf .freetel {
    background: url("../images/kefu1_07.png") no-repeat center #fff;
}
.kf .act {
    background: url("../images/weixin.png") no-repeat center #fff;
}


.kf .freetel:hover {
    background: url("../images/kefu_07.png") no-repeat center #fca61f;
}

.kf .zxlya {
    background: url("../images/kefu_14.png") no-repeat center #fff;
}
.kf .act:hover{
    background: url("../images/weixin_h.png") no-repeat center #fca61f;
}
.kf .zxlya:hover {
    background: url("../images/kefu1_14.png") no-repeat center #fca61f;
}

/* .kf span:nth-child(4){background: url("../images/w_index_07.png") no-repeat center #fff; }*/
/* .kf span:nth-child(4):hover{background: url("../images/w_index_03.png") no-repeat center #f4474c;}*/
.kf .back_top {
    border-radius: 0 0 5px 5px;
    border: none;
    background: url("../images/kefu_18.png") no-repeat center #fff;
}

.kf .back_top:hover {
    background: url("../images/kefu1_18.png") no-repeat center #fca61f;
}

.kf span div {
    display: none;
    background-color: #fff;
    border-radius: 5px;
    position: absolute;
    right: 75px;
    padding: 20px;
    font-size: 14px;
    color: #f4474c;
    bottom:2px;
}

.kf span div input {
    text-indent: .5em;
    display: block;
    margin: 15px 0;
    line-height: 28px;
    color: #696969;
    font-size: 12px;
    width: 140px;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    height: 28px;
}

.kf span div a {
    -o-transition: .5s;
    transition: .5s;
    -webkit-transition: .5s;
    display: block;
    background: #f4474c;
    border-radius: 2px;
    color: #fff;
    line-height: 26px;
    font-size: 12px;
    text-align: center;
    width: 79px;
    height: 26px;
}

.kf span div a:hover {
    background: #f4474c;
}

.kfimgr{
    position: absolute;
    bottom:23px;
    right: -9px;
}

.kf span div i {
    display: block;
    position: absolute;
    width: 15px;
    height: 200px;
    right: -15px;
    top: 0;
}

.kf .zx div, .kf .freetel div,
.kf .zxlya div, .kf span:nth-child(4) div {
    text-align: center;
    min-width: 148px;
    font-size: 14px;
    color: #666;
}

.kf span:nth-child(4) div {
    white-space: nowrap;
}

.kf a{display:block;height: 68px;position:absolute;top:0;right:0;width: 100%}

.kf span div, .kf {
    -webkit-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
}


.nav_center div, .index_nav_center div, .shou, .zhan {
    -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
}

.shou {
    z-index: 1000000;
    cursor: pointer;
    width: 30px;
    height: 40px;
    top: 50%;
    margin-top: -15px;
    border-radius: 5px 0 0 5px;
    right: 62px;
    background: url("../images/kefq.png") no-repeat center #fff;
    position: absolute;
}

.shou.on {
    background-image: url("../images/kefq1.png");
}

.tishi{ text-align: center; font-size: 14px; color: #999; }

.feny{ text-align: center; padding: 20px 0 0; }
.feny a{ display: inline-block; line-height: 30px; font-size: 14px; padding: 0 10px; background: #fff; margin: 2px; }
.feny a:hover,.feny a.on{ background: #fca61f; color: #fff; }

.nybanner{ height: 380px; }