/*页面样式*/
.wrap {
    overflow: hidden
}

.head_wrap, .head_wrap_expand {
    height: 84px;
    top: 0
}

.head_wrap {
    background: #0457b7;
    width: 100%;
    position: relative;
    left: 0;
    z-index: 9999;
    -webkit-transition: height .2s, top .2s, background-color .2s;
    transition: height .2s, top .2s, background-color .2s
}

.head_wrap {
    background: 0 0
}

.head_bgcolor {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.search_warp {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

/*banner*/
/*.banner_wrap, .lang-list, .lang-list li, .language>span {
    position: relative
}

.banner_txt, .banner_wrap, .lang-list li a .dot:hover, .lang-list li:hover a .dot {
    display: block
}

.banner_wrap {
    height: 592px;
    margin-bottom: 48px;
    background-color: #0457b7;
    *margin-top: -84px
}

.banner_wrap {
    overflow: hidden;
    background: #0457b7
}

.flexslider {
    padding: 0;
    margin: 0 0 48px;
    position: relative;
    zoom: 1;
    border-radius: 4px;
    -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, .2);
    box-shadow: '' 0 1px 4px rgba(0, 0, 0, .2)
}

.flexslider {
    background: 0 0;
    border: none
}

.flex-control-nav, .flex-direction-nav, .slides, .slides>li {
    margin: 0;
    padding: 0;
    list-style: none
}

.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden
}

.flexslider .slides>li {
  height: 592px;
}

.flex-direction-nav a,
.no-js .flexslider .slides>li:first-child,
html[xmlns] .flexslider .slides {
    display: block
}

.flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

* html .flexslider .slides {
    height: 1%
}

.flexslider .slides {
    zoom: 1
}

.flexslider .slides img {
    width: 100%;
    display: block;
    height: auto;
    -moz-user-select: none
}

.banner_img_planet {
    position: relative;
    height: 592px;
    background: #0457b7
}

.flexslider .banner_img_planet img {
    width: 1920px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    bottom: 0
}

.flexslider .banner_img_planet .mask {
    width: 100%;
    height: 592px;
    position: absolute;
    left: 0;
    top: 0;
    background: url("/eportal/uiFramework/commonResource/image/2017101317385090571.png") repeat-x
}

#rotatingGlobe {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -750px
}

.banner_wrap .text {
    width: 100%;
    height: 76px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -67.5px;
    text-align: center;
    color: #fff;
    font-size: 50px;
    cursor: default
}

.banner_wrap .text-En {
    width: 100%;
    height: 28px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: 5.5px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    cursor: default
}

.flexslider .slide-video {
    background: #000
}

.flexslider .slide-video .bg {
    width: 100%;
    height: 592px;
    position: absolute;
    left: 0;
    top: 0;
    background: url("") center center no-repeat
}

.flexslider .slide-video video {
    width: 1920px;
    position: absolute;
    left: 50%;
    margin-left: -960px
}

.flexslider .slide-video .mask {
    width: 100%;
    height: 592px;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    opacity: .4;
    filter: alpha(opacity=40)
}

.custom-navigation {
    width: 100%;
    position: absolute;
    bottom: 50px;
    left: 0;
    z-index: 2
}

.custom-navigation a {
    display: none
}

.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 {
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 20px
}

.flex-control-paging li a {
  width: 8px;
  height: 8px;
  background: #FFF;
  opacity: .35;
  filter: alpha(opacity=35);
  -webkit-transition: width .4s ease-in
}

.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, .7)
}

.flex-control-paging li a.flex-active {
    cursor: default
}

.flex-control-paging li a.flex-active {
    width: 45px;
    background: #FFF;
    opacity: 1;
    filter: alpha(opacity=100)
}

.flex-direction-nav {
    *height: 0
}

.flex-direction-nav a {
    text-decoration: none;
    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, .8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .3);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.flex-direction-nav a:before {
    font-family: flexslider-icon;
    font-size: 40px;
    display: inline-block;
    content: '\f001';
    color: rgba(0, 0, 0, .8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .3)
}

.flex-direction-nav a.flex-next:before {
    content: '\f002'
}

.flex-direction-nav .flex-prev {
    left: -50px
}

.flex-direction-nav .flex-next {
    right: -50px;
    text-align: right
}

.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: .7;
    left: 10px
}

.flexslider:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1
}

.flexslider:hover .flex-direction-nav .flex-next {
    opacity: .7;
    right: 10px
}

.flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1
}

.flex-direction-nav .flex-disabled {
    opacity: 0!important;
    filter: alpha(opacity=0);
    cursor: default;
    z-index: -1
}

@media screen and (max-width:860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px
    }
    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px
    }
}*/

/*video*/
.banner-video {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10001
}

.banner-video .video {
    width: 1024px;
    height: 600px;
    position: absolute;
    left: 50%;
    top: 100px;
    margin-left: -512px
}

.banner-video .close {
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background-color: #1d1c1a;
    position: absolute;
    right: -40px;
    top: 0;
    font-family: Tahoma;
    font-size: 30px;
    color: #aaa;
    text-decoration: none;
    cursor: pointer
}

.banner-video .close:hover {
    color: #fff
}

.fullmask {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    opacity: .8;
    filter: alpha(opacity=80);
    z-index: 10000
}

/*媒体报道*/
#sy_mtbd {
    float: left;
    width: 306px;
    height: 353px;
    overflow: hidden;
}

#sy_mtbd .top {
    height: 34px;
    margin-bottom: 20px;
    padding: 4px 0px 0px;
}

#sy_mtbd .top .bt {
    float: left;
    height: 32px;
    line-height: 32px;
    padding: 0px 8px 2px;
    border-bottom: 3px solid #cd3c28;
    /*background: rgba(0, 0, 0, 0) url("../image/2017091415030122420.jpg") repeat-x scroll left bottom;*/
    color: rgb(51, 51, 51);
    font-size: 18px;
    font-family: "";
}

#sy_mtbd .top .gd {
    float: right;
    height: 30px;
    line-height: 30px;
    padding: 2px 10px 0px 0px;
}

#sy_mtbd .top .gd a {
    color: rgb(153, 153, 153);
    font-size: 12px;
}

/*#sy_mtbd ul {
    width: 290px;
    padding: 13px 9px;
    overflow: hidden;
}*/

#sy_mtbd ul li {
    width: 278px;
    line-height: 30px;
}

#sy_mtbd ul li a {
    color: rgb(102, 102, 102);
}

/*新闻动态*/
#sy_xwdt {
    float: right;
    width: 630px;
    overflow: hidden;
}

#sy_xwdt .top {
    width: 630px;
    height: 38px;
    margin-bottom: 20px;
}

#sy_xwdt .top a {
    display: inline-block;
    width: 158px;
    height: 38px;
    line-height: 38px;
    background:url("../image/2017091415040763936.jpg") no-repeat scroll 0% 0%;
    color: rgb(102, 102, 102);
    font-size: 18px;
    font-family: "";
    text-align: center;
}

#sy_xwdt .top a:hover {
    display: inline-block;
    width: 158px;
    height: 38px;
    line-height: 38px;
    background: rgb(204, 0, 1) none repeat scroll 0% 0%;
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-family: "";
    text-align: center;
    text-decoration: none;
}

#sy_xwdt .top a.hover {
    display: inline-block;
    width: 158px;
    height: 38px;
    line-height: 38px;
    background: rgb(204, 0, 1) none repeat scroll 0% 0%;
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-family: "";
    text-align: center;
}

#sy_xwdt .nr {
    overflow: hidden;
    width: 618px;
    height: 296px;
}

#sy_xwdt .nr .tpwz {
    width: 618px;
    height: 138px;
    padding-bottom: 20px;
    background: url("../image/2017091415043956062.jpg") repeat-x scroll left bottom;
    *overflow: hidden;
}

#sy_xwdt .nr .tpwz .wz {
    width: 414px;
    padding-right: 15px;
}

#sy_xwdt .nr .tpwz .wz .bt {
    width: 410px;
    height: 22px;
    line-height: 22px;
    margin-top:-3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom:3px;
}

#sy_xwdt .nr .tpwz .wz .bt a {
    font-size: 16px;
    color:#333;
    *font-weight: 700;
}

#sy_xwdt .nr .tpwz .wz .zy {
    line-height: 20px;
    color: rgb(102, 102, 102);
    text-align: justify;
}

#sy_xwdt .nr .tpwz .wz .zy a {
    color: rgb(0, 81, 199);
}

#sy_xwdt .nr ul {
    width: 588px;
    height: 120px;
    padding: 12px 20px 26px 10px;
}

#sy_xwdt .nr ul li {
    float: left;
    width: 588px;
    height: 24px;
    margin-top: 8px;
    overflow: hidden;
}

#sy_xwdt .nr ul li .xw {
    width: 450px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#sy_xwdt .nr ul li .xw a {
    color: rgb(102, 102, 102);
}

#sy_xwdt .nr ul li .rq {
    color: rgb(153, 153, 153);
}
#con_xw_2.nr  ul {
    height: auto;
    padding: 0;
}
#con_xw_2.nr  ul li{
    float: none;
    margin-top: 5px;
}
#con_xw_1{
    display: block;
}
#con_xw_2{
    display: none;
}

/*产品菜单*/
#sy_menu {
    float: left;
    width: 210px;
    overflow: hidden;
}

/*新品推荐*/
#sy_xptj {
    float: right;
    width: 730px;
    height: 245px;
    padding-left: 8px;
    border: 1px solid rgb(222, 222, 222);
    overflow: hidden;
}

#sy_xptj .top {
    height: 40px;
    background: url("../image/2017091415054310261.jpg") repeat-x scroll left bottom;
}

#sy_xptj .top .ch {
    float: left;
    height: 38px;
   /* padding-bottom: 2px;
    background: url("/eportal/uiFramework/commonResource/image/2017091415060565920.jpg") repeat-x scroll left bottom; */
}

#sy_xptj .bd {
    width: 730px;
    margin-top: 15px;
}

#sy_xptj ul {
    padding: 16px 10px 0px 0px;
    overflow: hidden;
}

#sy_xptj ul li {
    float: left;
    width: 160px;
    height: 185px;
    margin: 0px 10px;
    text-align: center;
}

#sy_xptj ul li a {
    color: rgb(102, 102, 102);
}

#sy_xptj ul li a img {
    margin-bottom: 3px;
}

/*网络营销*/
#sy_yxwl {
    width: 960px;
    margin: 0px auto;
}

#sy_yxwl .top {
    height: 38px;
    background: url("../image/2017091415024099245.jpg") repeat-x scroll left bottom;
}

#sy_yxwl .top .wz {
    float: left;
    height: 34px;
    line-height: 34px;
    padding: 2px 8px;
    background:url("../image/2017091415030122420.jpg") repeat-x scroll left bottom;
    color: rgb(51, 51, 51);
    font-size: 18px;
    font-family: "";
}

#sy_yxwl .nr {
    width: 951px;
    height: 366px;
    padding: 14px 0px 12px 9px;
    overflow: hidden;
}

/*远东专卖*/
.zmdbg {
    height: 606px;

}

#sy_ydzm {
    width: 960px;
    height: 339px;
    margin: 0px auto;
}

/*工程案例*/
.gcalbg {
    height: 322px;
    background: rgb(247, 247, 247) none repeat scroll 0% 0%;
}

#sy_gcal {
    width: 960px;
    height: 286px;
    padding: 13px 0px 23px;
    margin: 0px auto;
    position: relative;
}

#sy_gcal .top {
    width: 960px;
    height: 34px;
    border-bottom: 2px solid #d0d0d0;
    /*background: rgba(0, 0, 0, 0) url("../image/2017091415024099245.jpg") repeat-x scroll left bottom;*/
}

#sy_gcal .top .wz {
    height: 32px;
    line-height: 32px;
    padding: 0px 8px 2px;
    border-bottom: 2px solid #cd3c28;
    /*background: rgba(0, 0, 0, 0) url("../image/2017091415030122420.jpg") repeat-x scroll left bottom;*/
    color: rgb(51, 51, 51);
    font-size: 18px;
    font-family: "";
}

#sy_gcal .top .gd {
    height: 16px;
    padding: 9px 10px 7px 0px;
}

#sy_gcal .top .gd a {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding-left: 22px;
    background: url("../image/2017091415122443420.jpg") no-repeat;
}

#sy_gcal #CSSBox {
    width: 960px;
    padding-top: 10px;
    overflow: hidden;
}

#sy_gcal #CSSBox ul li {
    width: 225px;
    height: 242px;
    margin-right: 20px;
}

#sy_gcal #CSSBox ul li .tp {
    width: 225px;
    height: 167px;
    overflow: hidden;
}

#sy_gcal #CSSBox ul li .wz {
    width: 223px;
    height: 74px;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    border-width: 0px 1px 1px;
    border-style: none solid solid;
    border-color: currentcolor rgb(222, 222, 222) rgb(222, 222, 222);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    overflow: hidden;
}

#sy_gcal #CSSBox ul li .wz .bt {
    width: 223px;
    height: 26px;
    line-height: 26px;
    text-align: center;
}

#sy_gcal #CSSBox ul li .wz .zy {
    width: 209px;
    height: 36px;
    line-height: 18px;
    padding: 0px 7px 9px;
    color: rgb(153, 153, 153);
    font-size: 12px;
    overflow: hidden;
}

#sy_gcal #goL {
    position: absolute;
    left: -40px;
    top: 130px;
    cursor: pointer;
}

#sy_gcal #goR {
    position: absolute;
    right: -40px;
    top: 130px;
    cursor: pointer;
}

/*关于公司*/
#sy_gywm {
    float: left;
    width: 660px;
    overflow: hidden;
}

#sy_gywm .top {
    height: 38px;
    margin-bottom: 20px;
    border-bottom: 2px solid #d0d0d0;
    /*background: rgba(0, 0, 0, 0) url("../image/2017091415024099245.jpg") repeat-x scroll left bottom;*/
}

#sy_gywm .top .wz {
    float: left;
    height: 34px;
    line-height: 34px;
    padding: 2px 8px;
    border-bottom: 2px solid #cd3c28;
    /*background: rgba(0, 0, 0, 0) url("../image/2017091415030122420.jpg") repeat-x scroll left bottom;*/
    color: rgb(51, 51, 51);
    font-size: 18px;
    font-family: "";
}

#sy_gywm .nr {
    /*width: 650px;
    height: 288px;
    padding: 12px 0px 0px 10px;
    border-bottom: 1px solid rgb(231, 231, 231);*/
}

/*#sy_gywm .nr .tp {
    width: 179px;
    height: 232px;
    padding: 9px 9px 13px 10px;
    background: rgba(0, 0, 0, 0) url("/eportal/uiFramework/commonResource/image/2017091415132797192.jpg") no-repeat scroll 0% 0%;
}*/

#sy_gywm .nr .zy {
    width: 415px;
    height: 235px;
    line-height: 24px;
    /*padding: 23px 8px 0px;*/
    color: rgb(51, 51, 51);
    text-align: justify;
    overflow: hidden;
}

#sy_gywm .nr .zy a {
    color: rgb(51, 51, 51);
    font-weight: 700;
}

/*企业视频*/
#sy_qysp {
    float: right;
    width: 280px;
    overflow: hidden;
}

#sy_qysp .top {
    height: 34px;
    line-height: 34px;
    padding-top: 4px;
    background: rgb(204, 0, 1) none repeat scroll 0% 0%;
}

#sy_qysp .top .wz {
    padding-left: 10px;
    line-height: 34px;
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-family: "";
}

#sy_qysp .top .gd {
    padding-right: 12px;
}

#sy_qysp .top .gd a {
    color: rgb(255, 255, 255);
    font-size: 12px;
}


#sy_qysp .nr .vedio {
    margin: 0px auto;
    text-align: center;
}

#sy_qysp .nr .vedio a {
    color: rgb(51, 51, 51);
}

#sy_qysp .nr .vedio img {
    padding-bottom: 4px;
}

#sy_qysp .nr ul {
    width: 260px;
    padding: 0px 9px;
    overflow: hidden;
}

#sy_qysp .nr ul li {
    width: 260px;
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#sy_qysp .nr ul li a {
    color: rgb(51, 51, 51);
}

/*友情链接*/
#links {
    width: 958px;
    height: 105px;
    margin: 20px auto;
    overflow: hidden;
}

#links .top {
    height: 38px;
}

#links .top .en {
    float: left;
}

#links .top .ch {
    float: left;
    height: 32px;
    line-height: 32px;
    padding-top: 6px;
    color: rgb(204, 0, 1);
    font-size: 14px;
    font-family: "";
}

#links #scrollBox {
    height: 56px;
    padding: 4px 0px;
    color: rgb(102, 102, 102);
}

#links #scrollBox a {
    display: inline-block;
    color: rgb(102, 102, 102);
}

#links #scrollBox a img {
    width: 100%;
    height: 54px;
}

.zt_img img {
    transition: all 666ms ease 0s;
}
.zt_img, .zt_img img {
    overflow: hidden;
    width: 100%;
}
img {
    border: 0 none;
}
a {
    color: #666666;
    font-size: 14px;
}
ol, ul {
    list-style: outside none none;
}
body {
    color: #666666;
    font: 14px "Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif;
}
.content {
    margin-bottom: 40px;
}
.yxwl .list{
  float: left;
  margin: 45px 50px 0 0;
  text-align: center;
}
.yxwl .list span{
  display: block;
}
.yxwl .list .icon-bg{
  width: 100px;
  height: 92px;
  margin-bottom: 14px;
  background: url(../image/2017102310373152504.png) no-repeat;
}
.yxwl .list-1 .icon-bg{
  background-position: 0 0;
}
.yxwl .list-2 .icon-bg{
  background-position: -110px 0;
}
.yxwl .list-3 .icon-bg{
  background-position: -216px 0;
}
.yxwl .list:hover a{
  color: #ba0507;
}
.yxwl .list:hover .icon-bg{
  background-position-Y: -102px;
}
.content > img {
    margin-top: -67px;
    position: relative;
    z-index: -1;
}
/**************************************************网络营销***************************************************/
a.icon-circle{
    color: #fff;font-size: 28px;width: 20px;height: 20px;line-height: 14px;text-align: center;
}