/**************头部**************/
.header {
    /* height:97px; */
    background: #383a3f;
}
.header .logo{ width:475px; height:36px;}
.language a{ display:inline-block; margin-left: 2px; border-radius: 10px; width:64px; line-height: 17px; text-align: center; color:#fff; background:#5e5e5e; font-size: 12px;}
.language a.act{ background:#c79556;}


/**************导航**************/
.nav li{ float: left; margin:0 26px; text-align: center; position:relative; }
.nav li > a{ display:block; line-height: 26px; font-size: 16px; color:#fff;}
.nav li > span{ display:block; width:0; opacity:0; filter:alpha(opacity=0); height:3px; margin:15px auto 0; background:#ca2733; transition:width 0.8s;}
.nav li.act a{ color:#c79556;}
.nav li.act span{ opacity:1; filter:alpha(opacity=100); width:80%; transition:width 0.6s;}
.nav .snav{display:none;}
.s_nav{ height:40px; background:#2b4487; z-index: 99;}
.s_nav .snav{ display:inline-block;}
.s_nav a{ display:inline-block; padding:0 10px; color:#fff; font-size: 14px; line-height: 40px;}

/**************轮播图**************/
.bx-wrapper li{ float:left;}
.bx-wrapper{ margin-bottom: 0;}
.banner ul{ width:2000%;}
.banner li {
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    height: 830px;
    width: 5%;
    float: left;
  
}
.banner .bx-wrapper .bx-pager.bx-default-pager a{ width:24px; height:3px; border-radius: 0; background:#fff; position:relative;}
.banner .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#ce2e3d; width:36px; height:5px; bottom:2px;}
.banner .bx-wrapper .bx-pager{ bottom:20px;}
.banner .bx-wrapper .bx-controls-direction a{ width:28px; height:48px; margin-top: -24px;}
.banner .bx-wrapper .bx-controls-direction a.bx-prev{ background:url(/skin/images/banner_left.png) no-repeat center center; left:3%;}
.banner .bx-wrapper .bx-controls-direction a.bx-next{ background:url(/skin/images/banner_right.png) no-repeat center center; right:3%;}

/**************产品中心**************/
.title span{ display:block; width:16px; height:2px; background:#c79556; margin:0 auto;}
.pro_tab a{ display:inline-block; position:relative; width:140px;line-height:30px; margin:0 3px 10px; font-size: 14px; border:1px solid #cccccc;}
.pro_tab i{ display:none; position:absolute; bottom:-10px; left:50%; margin-left: -5px; height:0; width:0; border-top:5px solid #c79556; border-bottom: 5px solid transparent; border-right: 5px solid transparent; border-left: 5px solid transparent;}
.pro_tab a:hover,.pro_tab a.act{ border-color: #c79556; background:#c79556; color:#fff;}
.pro_tab a:hover i,.pro_tab a.act i{ display:block;}
.product .pro_item .showimg{ height:285px;}
.product .pro_item ul{ width:1000%}
.product .pro_item li{width:2.5%}
.product .pro_item .showbg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat: no-repeat; background-color: rgba(199,149,86,0); transition:background-color 0.8s}
.product .pro_item li:hover .showbg{ background-color: rgba(199,149,86,0.86); background-image: url(/skin/images/see.png);transition:background-color 0.8s;}
.bx_pro .bx-wrapper .bx-controls-direction a{ width:32px; height:32px; background-color:#cccccc; background-position: center center; background-repeat: no-repeat;}
.bx_pro .bx-wrapper .bx-controls-direction a.bx-prev{ left:-50px; background-image: url(/skin/images/pro_left.png);}
.bx_pro .bx-wrapper .bx-controls-direction a.bx-next{ right:-50px; background-image: url(/skin/images/pro_right.png);}
.bx_pro .bx-wrapper .bx-controls-direction a:hover{ background-color:#c79556;}

/**************解决方案**************/
.solution{ background: #f9f9fc;}
.solution .bx-wrapper{ background-color: transparent;}
.solution .bx-viewport{ padding-top: 55px;}
.solution li{ border:2px solid #f9f9fc; }
.solution li .s_div{ border:1px solid #cccccc; padding: 88px 30px 30px; background-color: #fff;}
.solution li .s_icon{ left:50%; width:104px; height:104px; margin-left: -52px; top:-52px; background-repeat: no-repeat; background-position: center center;}
.solution li .s_i01{ background-image:url(/skin/images/s_i01.png)}
.solution li .s_i02{ background-image:url(/skin/images/s_i02.png)}
.solution li .s_i03{ background-image:url(/skin/images/s_i03.png)}
.solution li.active,.solution li:hover,.solution li.active .s_div,.solution li:hover .s_div{ border-color: #c6c6c6;}
.solution li.active .s_i01,.solution li:hover .s_i01{ background-image:url(/skin/images/s_i01h.png)}
.solution li.active .s_i02,.solution li:hover .s_i02{ background-image:url(/skin/images/s_i02h.png)}
.solution li.active .s_i03,.solution li:hover .s_i03{ background-image:url(/skin/images/s_i03h.png)}
.solution li.active h1,.solution li:hover h1,.solution li.active a,.solution li:hover a{ color:#c79556;}
.solution li.active p,.solution li:hover p{ color:#666666;}
.solution .bx-wrapper .bx-controls-direction a{ margin-top: 30px;}
.yw_dot{ height:1px; background:#e1e1e1; width:100%;}
.yw_d_b{ left:0; top:-11px;}
.yw_d_b a{ display:inline-block; padding:7px; margin:0 13px;border-radius:50%;}
.yw_d_b a span{ display:block; width:8px; background:#e1e1e1; height:8px;border-radius:50%;}
.yw_d_b a.act{ background:#ce2e3d; }
.yw_d_b a.act span{background:#fff; }

/**************新闻资讯**************/
.news .pro_tab a{ width:90px;}
.news li{ border-bottom: 1px solid #e8edf1; padding:38px 0; transition: background 0.3s;}
.news li .news_left{ width:21.67%; margin-right: 2.5%; height:106px; position:relative;}
.news li .news_left a{ height:102px; width:100%; border:2px solid #fff; }
.news li .news_data{ width:10.8%; margin-right: 2.5%;}
.news li .news_detail{ width:52%;transform: scaleX(0px); -webkit-transform: translateX(0px); transition: transform 0.5s;}
.news li .news_go{ width:5.8%;}
.news li .news_go a{ display:block; margin: 33px auto 0; width:40px; height:40px; background: url(/skin/images/news_go.png) no-repeat center center; border-radius: 50%; border:1px solid #dedede;}
.news li:hover,.news li.act{ background:#c79556; color:#fff;transition: background 0.3s;}
.news li:hover .news_left,.news li.act .news_left{ border-color:#efefef;}
.news li:hover .news_detail,.news li.act .news_detail{transform: scaleX(-20px);-webkit-transform: translateX(-20px);transition: transform 0.5s;}
.news li:hover h1 a,.news li:hover h2,.news li:hover h6,.news li:hover p,.news li.act h1 a,.news li.act h2,.news li.act h6,.news li.act p{ color:#fff;transition: none;}
.news li:hover .news_go a{ border-color: #fff; background-color:#fff; background-image:url(/skin/images/news_goh.png); }
.more{ width:200px; border:1px solid #e7e7e7; margin:30px auto 10px;}
.more:hover{ background-color:#c79556; border-color: #c79556; color:#fff;}

/**************友情链接**************/
.link{ background:#f6f6fa; height:80px;}
.link .bx-wrapper{ background:#f6f6fa;}
.link .link_s{ left:0; width:0; top:0; background:#e6e6f1;}
.link .link_t{ background:#e6e6f1; width:14%; height:100%; line-height: 80px;}
.link_d{ width:86%;}
.link li a{ height:80px;}

/**************底部菜单**************/
.footer{ background-color:#383a3f; padding:48px 0 42px;}
.footer dl{ width:11.583%; float:left; border-right:1px solid #595959; min-height:152px;}
.footer dt{ line-height:20px; font-size:16px; color:#c79556; margin-bottom:20px;}
.footer dd a{ line-height:22px; color:#d3d3d3;}
.footer_info{ width:24%; margin-left:2%; color:#fff; line-height:24px;}
.footer_info .s1{ width:20%; text-align:right}
.footer_info .s2{ width:80%; text-align:left;}
.footer_ewm{ width:15.34%;}
.footer_ewm img{ width:62%; height:auto;}
/**************底部**************/
.foot{ height:58px; background:#1d1d1d; line-height:58px; color:#505050;}
.foot_r a{color:#505050; margin-left:16px; min-width:21px; display:inline-block; height:48px;}
.foot_r .bdshare-button-style1-32{ margin-left:10px;}
.foot_r .bdshare-button-style1-32 a{ background-repeat: no-repeat;; background-image:url(/skin/images/dot.png) }
.foot_r .bdshare-button-style1-32 a.bds_sqq{ background-position:7px 16px;}
.foot_r .bdshare-button-style1-32 a.bds_tsina{ background-position:5px -46px;}
.foot_r .bdshare-button-style1-32 a.bds_weixin{ background-position:5px -104px;}
.foot_r .bdshare-button-style1-32:after{ display:none;}