@charset "utf-8";
*{
    padding: 0;
    margin: 0;
}
body{
    line-height: 1;
    font-size: 14px;
    color: #000;
    font-family: "Microsoft YaHei UI";
    min-width: 1220px;
    overflow-x: hidden;
}
html{
    -webkit-font-smoothing:antialiased;
    min-height: 100%;
    position: relative;
    -webkit-text-size-adjust: none;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
img{
    vertical-align: top;
    border: none;
    /*取消选中*/
    /*ie10+*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    /*取消hover、click、ie11+*/
    /*可取消手机长按保存*/

    /*触摸并按住触摸目标时候，禁止或显示系统默认菜单*/
    /*iOS 2.0及更高版本的Safari浏览器可用*/
    /*-webkit-touch-callout:none;*/
}
dl,ol,ul{
    list-style-type:none;
}
h1,h2,h3,h4,h5,h6{
    font-weight:400;
    font-size: 100%;
}
a {
    color: inherit;
    text-decoration: none;
}
a:hover{
    -webkit-tap-highlight-color:rgba(255,0,0,0);
}
textarea{
    resize:none;
}
input:focus,textarea:focus,button:focus,select:focus{
    outline: none;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
.clearfix:after{
    content:"";
    display:block;
    clear:both;
}
.center{
    width: 1100px;
    margin: auto;
}
.slick-slider {
    margin-bottom: 0;
}
.slick-dots LI BUTTON:before{
    content: '';
}

/*头部*/
.header_top{
    background: #f6f6f6;
    line-height: 37px;
}
.header_top p{
    font-size: 13px;
}
.header_top form div{
    line-height: 25px;
    height: 25px;
    margin-top: 6px;
    position: relative;
    overflow: hidden;
}
.header_top form div a:after{
    content: '|';
    display: inline-block;
    margin: 0 15px;
}
.header_top form div a:hover{
    color: #e3b409;
}
.header_top form div input{
    background: #ffffff;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    padding-left: 10px;
    padding-right: 38px;
    width: 130px;
    height: 25px;
    line-height: 25px;
    vertical-align: top;
}
.header_top form div button{
    position: absolute;
    right: 4px;
    color: #999999;
    font-size: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
    border: none;
    background: none;
    width: 24px;
    line-height: 25px;
}
.header_nav{
    height: 102px;
    overflow: hidden;
}
.header_nav .logo{
    line-height: 102px;
    float: left;
}
.header_nav .logo img{
    vertical-align: middle;
}
.header_nav .nav{
    float: right;
    font-size: 15px;
    color: #060708;
}
.header_nav .nav li{
    float: left;
}
.header_nav .nav li a{
    display: block;
    padding: 50px 25px 33px;
    position: relative;
}
.header_nav .nav li a:after{
    background: #e3e3e3;
    content: '';
    position: absolute;
    width: 1px;
    height: 12px;
    right: 0;
    top: 51px;
}
.header_nav .nav li.on a,
.header_nav .nav li a:hover{
    color: #e3b409;
    border-bottom: 4px solid #e3b409;
}

.main{
    /*去掉*/
    /*background: #fff url("../images/bg6.jpg") no-repeat center top;*/
}
.main .content{
    border-left: 1px solid #ddd;
    width: 843px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*新加*/
.main .section{
    background: url("../images/bg8.jpg") no-repeat center top 45px;
    margin-top: -45px;
}
.main .section .center{
    background: #ffffff;
}


/*底部*/
.footer{
    border-top: 3px solid #efbd07;
    background: url("../images/bg5.jpg") center top;
    color: #ffffff;
}
.footer h1{
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 15px;
    margin-top: 38px;
    font-weight:bold;
}
.footer li{
    font-size: 12px;
    line-height: 24px;
}
.footer li a:hover{
    text-decoration: underline;
}
.footer .footer_nav{
    margin-bottom: 39px;
}
.footer .footer_nav .item{
    margin-right: 50px;
}
.footer .copyright{
    line-height: 62px;
    text-align: center;
    color: #9c9c9c;
    border-top: 1px solid rgba(255,255,255,0.3);
}
.footer .footer_nav .item.last{
    padding-left: 60px;
    position: relative;
    margin-right: 0;
}
.footer .footer_nav .item.last ul.tel{
}
.footer .footer_nav .item.last ul.tel:before{
    content: '\e62f';
    position: absolute;
    left: 0;
    top: 82px;
    font-family: iconfont;
    font-size: 47px;
}

/*banner处的标题*/
.ban_title {
    height: 245px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*change*/
    background: url("../images/ban.jpg") center top;

}
.ban_title .con{
    padding: 69px 40px 0;
}
/*change*/
.ban_title h1{
    font-size: 38px;
    color: #ffffff;
    line-height: 44px;
    font-family: "Microsoft YaHei UI Light";
}
.ban_title p{
    font-size: 18px;
    color: #9b9b9b;
    text-transform: uppercase;
    line-height: 28px;
}

/*左侧导航*/
.side_nav{
    width: 256px;
    padding: 42px 20px 0;
    line-height: 43px;
    color: #666666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.side_nav a{
    display: block;
}
.side_nav h1{
    font-size: 17px;
    color: #ffffff;
    background: #f8c818;
    line-height: 35px;
    padding-left: 22px;
    text-transform: uppercase;
    font-family: Arial;
}
.side_nav .level1{
    padding: 0 11px;
}
.side_nav .level1 li>p:hover,
.side_nav .level1 li.on>p,
.side_nav .level1 li>p:hover:after,
.side_nav .level1 li.on>p:after{
    color: #e3b409;
}
.side_nav .level1>li p.down:after{
    content: '\e63c';
}
.side_nav .level1>li>p{
    font-size: 16px;
    border-bottom: 1px solid #dddddd;
    position: relative;
}
.side_nav .level1>li>p:after,
.side_nav .level2>li>p:after{
    content: '\e614';
    font-family: iconfont;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #c6c6ce;
}
.side_nav .level2{
    display: none;
}
.side_nav .level2>li>p{
    border-bottom: 1px dotted #d7d7d7;
    padding: 0 11px;
    position: relative;
}
.side_nav .level3{
    display: none;
}
.side_nav .level3>li>p{
    border-bottom: 1px solid #dddddd;
    padding: 0 19px;
}
.side_nav .level3>li>p>a:before{
    content: '\e606';
    font-family:iconfont;
}
/*面包屑*/
.bread_crumb{
    line-height: 42px;
    border-bottom: 1px solid #dddddd;
    overflow: hidden;
    margin: 0 20px;
}
.bread_crumb ul{
    float: right;
}
.bread_crumb li{
    float: left;
    color: #666666;
    font-size: 12px;
}
.bread_crumb li:after{
    content: '>';
    margin: 0 8px;
}
.bread_crumb li a:hover{
    text-decoration: underline;
}
.bread_crumb li.last{
    color: #e3b409;
}
.bread_crumb li.last:after{
    display: none;
}
.bread_crumb li.icon-home:before{
    vertical-align: bottom;
    color: #f8c300;
    margin-right: 5px;
}
/*分页*/
.pagination{
    text-align: center;
    font-size: 13px;
}
.pagination ul{
    display: inline-block;
}
.pagination li{
    width: 25px;
    height: 25px;
    background: #f5f5f5;
    font-weight: bold;
    line-height: 25px;
    margin-right: 11px;
    border: 1px solid #d2d2d2;
    color: #6b6b6b;
    cursor: pointer;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}


.pagination a{
vertical-align: top;
    /*color: #fff;*/
    border: 1px solid #d2d2d2;
    height: 40px;
    display: inline-block;
    margin: 0 7px 5px;
    font-size: 14px;
    min-width: 40px;
    box-sizing: border-box;
    line-height: 40px;
    height: 40px;
    padding: 0 10px;
    background: #f5f5f5;
}
.pagination span{
        /*background: #f5f5f5;
    border: 1px solid;*/
    width: 50px;
    height: 42px;
}
.pagination span a{    
    /*border: none;*/
    color: black;
    line-height:37px;
}
.pagination .cpb{
vertical-align: top;
    color: #fff;
    border: 1px solid #f8c818;
    height: 40px;
    display: inline-block;
    margin: 0 7px 5px;
    font-size: 14px;
    min-width: 40px;
    box-sizing: border-box;
    line-height: 40px;
    height: 40px;
    padding: 0 10px;
    background: #f8c818;
}


.pagination li:hover,
.pagination li.on{
    background: #dfac08;
    border-color: #c98400;
    color: #fff;
}

.content .content_title{
    line-height: 78px;
    color: #e3b409;
    font-size: 20px;
    padding-left: 25px;
}

/*首页*/
.index{
    background: #ffffff;
}
.index .banner{
    margin-bottom: 0;
    height: 600px;
    overflow: hidden;
}
.index .banner .item a{
    display: block;
    height: 600px;
}
.index .banner .slick-dots{
    bottom: 50px;
}
.index .banner .slick-dots li.slick-active{
    background: #e3b409;
}
.index .banner .slick-dots li{
    margin: 0;
    width: auto;
    height:auto;
    background: #ffffff;
    margin-left: 7px;
    margin-right: 8px;
}
.index .banner .slick-dots li button{
    width: 12px;
    height: 12px;
    background: #ffffff;
    margin: 0;
    padding: 0;
    background: url("../images/dot.jpg");
}
.index .banner .slick-dots li button::before{
    display: none;
}
.index .banner .slick-dots li.slick-active button{
    background: url("../images/dot_active.jpg");
}
/*首页各板块标题*/
.index .title{
    text-align: center;
    margin-bottom: 29px;
}
.index .title h1{
    font-weight:bold;
    font-size: 36px;
    color: #333;
    padding-top: 48px;
    margin-bottom: 5px;
}
.index .title h1:before,
.index .title h1:after{
    content: '';
    display: inline-block;
    width: 78px;
    height: 8px;
    vertical-align: middle;
    background: url("../images/bg4.png") no-repeat center;
}
.index .title h1:before{
    margin-right: 20px;
}
.index .title h1:after{
    margin-left: 20px;
}

.index .title p{
    color: #f8c300;
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
}
/*声王产品*/
.index .block1{
    background: url("../images/bg1.jpg") no-repeat center top;
    width: 1220px;
    margin: auto;
    padding-bottom: 50px;
}
.index .block1 .slick-slider{
    width: 1100px;
    margin: auto;
}
.index .block1 .slick-prev, .index .block1 .slick-next {
    width: 40px;
    height: 40px;
    background: #b1b1b1;
}
.index .block1 .slick-prev{
    left: -58px;
}
.index .block1 .slick-next{
    right: -58px;
}
.index .block1 .slick-prev:before{
    content: '\e601';
    font-family: iconfont;
}
.index .block1 .slick-next:before{
    content: '\e614';
    font-family: iconfont;
}
.index .block1 button:hover{
    background: #f8c300;
}
.index .block1 a{
    display: block;
    padding: 3px;
    border: 2px solid #ececec;
    width: 251px;
}
.index .block1 .pic{
    height: 167px;
    background: #e5e5e5;
    position: relative;
}
.index .block1 .text{
    padding: 10px 10px 14px;
}
.index .block1 .text h1{
    font-weight:bold;
    color: #666;
    font-size: 18px;
    line-height: 30px;
}
.index .block1 .text p{
    color: #999;
    font-size: 12px;
    line-height: 20px;
    height: 40px;
}
.index .block1 a:hover{
    border: 2px solid #f8c300;
    background: #f8c300;
}
.index .block1 a:hover .text h1,
.index .block1 a:hover .text p{
    color: #ffffff;
}
.index .block1 a:hover .pic:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 49px;
    height: 21px;
    background: url("../images/circle.png") no-repeat center;
}
/*应用案例*/
.index .block2{
    background: #f4f4f5;
    padding-bottom: 71px;
}
.index .block2 .tab_head li{
    background: url("../images/bg2.jpg");
    width: 274px;
    height: 70px;
    margin-bottom: 1px;
    color: #ffffff;
    font-size: 22px;
    line-height: 22px;
    position: relative;

    padding-left: 31px;
    padding-top: 15px;
}
.index .block2 .tab_head li p{
    margin-bottom: 5px;
}
.index .block2 .tab_head li p + p{
    font-size: 18px;
}
.index .block2 .tab_head li:after{
    content: '';
    display: block;
    height: 1px;
    width: 55px;
    background: rgba(255,255,255,0.5);
    margin-top: 5px;
}
.index .block2 .tab_head li:hover,
.index .block2 .tab_head li.on{
    background: url("../images/bg3.jpg");
}
.index .block2 .tab_head li:hover:after,
.index .block2 .tab_head li.on:before{
    content: '';
    width: 10px;
    height: 18px;
    background: url("../images/san.png") no-repeat center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -10px;
    margin: auto;
    z-index: 1000;
}
.index .block2 .tab_con{
    width: 795px;
}
.index .block2 .tab_con .pic{
    height: 379px;
}
.index .block2 .tab_con p{
    line-height: 50px;
    background: #2c2b2d;
    color: #ffffff;
    padding-left: 20px;
}
.index .block2 .slick-dots{
    bottom: 19px;
    right: 18px;
    text-align: right;
}
.index .block2 .slick-dots li{
    width: auto;
    height:auto;
    margin: 0 5px;
}
.index .block2 .slick-dots li button{
    width: 10px;
    height: 10px;
    background: #cccccc;
    margin: 0;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.index .block2 .slick-dots li button::before{
    display: none;
}
.index .block2 .slick-dots li.slick-active button{
    background: #efbd07;
}
/*关于我们*/
.index .block3{
    padding-bottom: 46px;
}
.index .block3 .con .pices1{
    width: 510px;
    height: 347px;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-right: 10px;
}
.index .block3 .con .pices1:hover{
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
}
.index .block3 .con .pices2{
    border: 2px solid #e4e4e4;
    width: 244px;
    height: 347px;
    margin-right: 10px;
    padding: 17px 23px 0;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.index .block3 .con h1{
    font-size: 24px;
    color: #333;
    line-height: 36px;
}
.index .block3 .con p{
    color: #666;
    line-height: 23px;
    text-align: justify;
}
.index .block3 .con .pices2 h1{
    margin-bottom: 11px;
}
.index .block3 .con .pices2 p{
    color: #666;
    line-height: 23px;
    text-align: justify;
    height: 138px;
}
.index .block3 .con .pices2 ul{
    position: absolute;
    bottom: 25px;
    left: 0;
    width: 100%;
}
.index .block3 .con .pices2 li{
    width: 50%;
    text-align: center;
}
.index .block3 .con .pices2 li p{
    color: #f8c300;
    text-align: center;
    margin-top: 12px;
    height: auto;
}
.index .block3 .con .pices3{
    width: 326px;
    height: 347px;
}
.index .block3 .con .pices3 .item{
    height: 170px;
    border: 2px solid #e4e4e4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 19px 25px 0;
}
.index .block3 .con .pices3 h1{
    margin-bottom: 13px;
}
.index .block3 .con .pices3 p{
    margin-bottom: 24px;
}
.index .block3 .con .pices3 a{
    width: 96px;
    height: 26px;
    border: 1px solid #cccccc;
    color: #999;
    text-align: center;
    line-height: 26px;
    display: block;
}
.index .block3 .con .pices3 a:hover{
    color: #e3b409;
    border-color: #e3b409;
}
/*应用案例*/
.case .content{
    margin-bottom: 89px;
}
.case .case_list{
    padding: 0 25px;
    text-align: justify;
}
.case .case_list li{
    width: 384px;
    position: relative;
}
.case .case_list .pic{
    height: 259px;
}
.case .case_list .text{
    padding: 56px 11px 0;
}
.case .case_list .text h1{
    color: #232323;
    font-size: 20px;
    line-height: 30px;
    height: 30px;
    margin-bottom: 11px;
}
.case .case_list .text p{
    color: #666;
    line-height: 20px;
    height: 60px;
}
.case .case_list .text a{
    color: #143563;
    line-height: 20px;
    margin-top: 33px;
    margin-bottom: 47px;
    display: block;
}
.case .case_list .text a:hover{
    text-decoration: underline;
}
.case .case_list li .time{
    position: absolute;
    width: 68px;
    height: 59px;
    background: #fcc800;
    z-index: 9;
    color: #ffffff;
    text-align: center;
    font-family:Arial;
    line-height: 20px;
    padding-top: 14px;
    left: 17px;
    top: 219px;
}
/*应用案例-详情*/
.case_detail .content{
    margin-bottom: 46px;
}
.case_detail .article h1{
    font-size: 29px;
    color: #666666;
    text-align: center;
    line-height: 40px;
    margin-bottom: 12px;
    margin-top: 50px;
}
.case_detail .article p{
    line-height: 24px;
    color: #666;
}
.case_detail .article p.time{
    color: #666;
    text-align: center;
    line-height: 20px;
    margin-bottom: 43px;
}
.case_detail .slick-slider{
    width: 615px;
    margin: auto;
}
.case_detail .slick-slider .slick-prev{
    width: 35px;
    height: 35px;
    background: url("../images/left.jpg") no-repeat center;
    left: -65px;
}
.case_detail .slick-slider .slick-prev:before,
.case_detail .slick-slider .slick-next:before{
    display: none;
}
.case_detail .slick-slider .slick-next{
    width: 35px;
    height: 35px;
    background: url("../images/right.jpg") no-repeat center;
    right: -65px;
}
.case_detail .article .text{
    padding-left: 55px;
    padding-right: 20px;
    margin-top: 49px;
}
/*代理品牌*/
.agent_brand .content{
    margin-bottom: 79px;
}
.agent_brand .brand_list{
    margin-top: 36px;
    padding: 0 35px;
    margin-bottom: 19px;
}
.agent_brand .brand_list li{
    width: 359px;
    overflow: hidden;
}
.agent_brand .brand_list li a{
    display: block;
}
.agent_brand .brand_list .pic{
    height: 204px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.agent_brand .brand_list .pic:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.agent_brand .brand_list .text{
    color: #666;
    padding-top: 29px;
    padding-bottom: 55px;
    position: relative;
    z-index: 999;
    background: #ffffff;
}
.agent_brand .brand_list .text h1{
    font-size: 20px;
    font-weight:bold;
    line-height: 30px;
    height: 30px;
}
.agent_brand .brand_list .text h2{
    width: 30px;
    height: 3px;
    background: #f8c818;
    margin-top: 17px;
    margin-bottom: 21px;
}
.agent_brand .brand_list .text p{
    line-height: 24px;
    height: 72px;
}
/*关于声王*/
.about .content{
    margin-bottom: 54px;
}
.about .content .article{
    padding: 0 15px;
}
.about .content .article img{
    max-width: 100%;
}
.about .content .article p{
    line-height: 27px;
    color: #666;
    margin-top: 26px;
    text-align: justify;
    padding: 0 10px;
}
/*产品*/
.product .content{
    margin-bottom: 73px;

}
.product .pro_list{
    margin-top: 30px;
    margin-left: 18px;
    margin-bottom: 37px;
}
.product .pro_list li{
    width: 258px;
    border: 1px solid #dddddd;
    margin-right: 14px;
    margin-bottom: 19px;
    overflow: hidden;
}
.product .pro_list .pic{
    height: 176px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.product .pro_list .pic:hover{
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    -ms-transform:scale(1.1);
}
.product .pro_list .text{
    height: 37px;
    line-height: 37px;
    text-align: center;
    background: #d0d0d0;
    color: #ffffff;
    position: relative;
    z-index: 999;
}
.product .pro_list li:hover .text{
    background: #f8c818;
}
/*产品详情*/
.product_detail .content{
    margin-bottom: 107px;
}
.product_detail .content .article{
    padding: 57px 50px 0 93px;
}
.product_detail .content .article .big_slick {
    border: 1px solid #e5e5e5;
    width: 656px;
    height: 486px;
    line-height: 484px;
}
.product_detail .content .article .big_slick .slick-slide{
    height: 484px;
}
.product_detail .content .article .small_slick{
    width: 550px;
    margin-left:55px;
    margin-top: 39px;
    text-align: center;
}
.product_detail .content .article .small_slick .slick-slide{
    width: 95px;
    height: 95px;
    overflow: hidden;
    line-height: 95px;
}
.product_detail .content .article .small_slick .item{
    height: 93px;
    border: 1px solid #eeeef3;
    margin-left: 7px;
    margin-right: 8px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
.product_detail .content .article .small_slick .item:hover{
    cursor: pointer;
}
.product_detail .content .article .small_slick .item.on{
    border-color: #9c9c9c;
}
.product_detail .content .article .small_slick .slick-prev{
    width: 35px;
    height: 35px;
    background: url("../images/left.jpg") no-repeat center;
    left: -51px;
}
.product_detail .content .article .small_slick .slick-next{
    width: 35px;
    height: 35px;
    background: url("../images/right.jpg") no-repeat center;
    right: -51px;
}
.product_detail .content .article .small_slick .slick-prev:before,
.product_detail .content .article .small_slick .slick-next:before{
    display: none;
}
.product_detail .content .article h1{
    color: #e3b409;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 15px;
    margin-top: 72px;
    margin-left: -32px;
}
.product_detail .content .article h1:before{
    margin-right: 8px;
}
.product_detail .content .article .con{
    padding-left: 32px;
    font-size: 16px;
}
.product_detail .content .article .con p{
    color: #666666;
    line-height: 26px;
}
.product_detail .content .article .con img{
    max-width: 100%;
    margin-bottom: 30px;
}
.product_detail .content .article .download{
    background: #f8c818;
    color: #ffffff;
    width: 142px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.product_detail .content .article .download:before{
    margin-right: 5px;
}
.product_detail .content .article .label{
    margin-top: 20px;
    margin-bottom: 70px;
}
.product_detail .content .article .label .item{
    width: 200px;
    height: 21px;
    background: #fdd100;
    border-radius: 16px;
    line-height: 21px;
    color: #ffffff;
    font-family:Arial;
    margin-right: 122px;
    margin-bottom: 7px;
}
.product_detail .content .article .label .item:before{
    margin-left: 6px;
    margin-right: 4px;
    line-height: 21px;
}
/*联系我们*/
.contact {
    margin-bottom: 74px;
}
.contact .article{
    padding: 0 17px 0 25px;
    color: #666;
    line-height: 26px;
}
.contact .article .fl{
    width: 417px;
}
.contact .article .item{
    margin-bottom: 26px;
}
.contact .article .item.last{
    margin-bottom: 0;
}
.contact .article .up{
    text-transform: uppercase;
    color: #333;
    font-size: 15px;
}
.contact .article .map{
    width: 372px;
    height: 462px;
}
/*在线留言*/
.online_message .content{
    margin-bottom: 62px;
}
.online_message .article{
    padding-left: 25px;
}
.online_message .article .ipt_wrap,
.online_message .article textarea{
    border:1px solid #e2e2e2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 0 5px #f0f0f0;
    -moz-box-shadow: inset 0 0 0 5px #f0f0f0;
    box-shadow: inset 0 0 5px #f0f0f0;
}
.online_message .article label{
    color: #666;
    padding-left: 20px;
    padding-right: 25px;
    line-height: 47px;
    display: inline-block;
    background: url("../images/bg7.png") no-repeat right center;
}
/*.online_message .article input{
    border: none;
    line-height: 47px;
    font-size: 16px;
    width: 306px;
    padding-left: 15px;
    height: 47px;
}*/
/*20170829*/
ul.message
{
    padding: 0px;
    margin: 0px;
    list-style: none;
    /*background: url(../images/mail_bg.jpg) no-repeat left bottom;*/
    padding-bottom: 160px;
    overflow: hidden;
}
.message li
{
    float: left;
    padding-bottom: 12px;
    margin-right: 20px;
    overflow: hidden;
}
.message li p
{
    width: 80px;
    text-align: right;
    font-size: 15px;
    float: left;
}
.message li em
{
    margin-left: 5px;
}
.message li a.hyz{color: #1050a4;
    font-size: 14px;
    float: left;
    margin-left: 5px;
    margin-top:10px;
}
.ipt1
{
    width: 248px;
    height: 28px;
    line-height: 28px;
    float: left;
    border: 1px solid #dfdfdf;
    padding: 0px 5px;
    overflow: hidden;
}
.ipt2
{
    width: 620px;
}
.ipt3
{
    width: 100px;
}
.itext
{
    height: 195px;
    width: 620px;
    padding: 5px;
    border: 1px solid #dfdfdf;
    overflow: hidden;
}
.yzm2
{
    float: left;
    margin-left: 5px;
    border: 1px solid #dfdfdf;
}
.qingc, .quer
{
    width: 109px;
    height: 22px;
    float: left;
    margin-left: 15px;
}
.qingc
{
    background: url(../images/qingc.jpg) no-repeat;
    float: left;
    margin-left: 400px;
    border:none;
}
.quer
{
    background: url(../images/quer.jpg) no-repeat;
    border:none;
}






.online_message .article .ipt_wrap{
    width: 434px;
    height: 47px;
    margin-bottom: 21px;
}
.online_message .article textarea{
    width: 618px;
    height: 157px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*margin-bottom: 34px;*/
    font-family: "Microsoft YaHei UI";
    overflow: auto;
}
.online_message .article button{
    width: 104px;
    height: 39px;
    background: #f8c818;
    color: #ffffff;
    text-align: center;
    line-height: 39px;
    font-size: 16px;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: block;
    -webkit-box-shadow: 0 0 7px 2px #eeeeee;
    -moz-box-shadow: 0 0 7px 2px #eeeeee;
    box-shadow: 0 0 7px 2px #eeeeee;
    cursor: pointer;
}
/*最新资讯*/
.join .article{
    padding: 0 25px;
}
.join .content{
    margin-bottom: 75px;
}
.join .article .job_list{
    color: #666;
    margin-bottom: 71px;
}
.join .article .job_list>li{
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 33px;
}
.join .article .job_list>li.last {
    border-bottom: 0;
}
.join .article .job_list h1{
    font-size: 17px;
    color: #000;
    line-height: 20px;
    margin-bottom: 22px;
}
.join .article .job_list h1:after{
    content: '\e614';
    float: right;
    font-family: iconfont;
}
.join .article .job_list .on h1:after{
    content: '\e63c';
}
.join .article .job_list .msg{
    margin-bottom: 35px;
}
.join .article .job_list .msg span{
    border-right: 2px solid #989898;
    line-height: 15px;
    padding: 0 29px;
}
.join .article .job_list .msg span:first-child{
    padding-left: 0;
}
.join .article .job_list .msg span.fr{
    border-right:0;
    padding: 0;
    color: #999999;
}
.join .article .job_list .job_detail{
    display: none;
    padding-bottom: 24px;
}
.join .article .job_list .job_detail h2{
    font-size: 15px;
    color: #333333;
    margin-bottom: 10px;
}
.join .article .job_list .job_detail li{
    line-height: 22px;
    list-style-type: decimal;
    list-style-position: inside;
}
/*最新资讯*/
.news .content{
    margin-bottom: 75px;
}
.news .article{
    padding: 0 20px;
}
.news .slick-slider .pic{
    width: 250px;
    height: 125px;
    margin-right: 25px;
}
.news .slick-slider .text{
    overflow: hidden;
    line-height: 22px;
}
.news .slick-slider .text h1{
    font-size: 16px;
    color: #535250;
    margin-bottom: 11px;
    margin-top: 5px;
}
.news .slick-slider .text p{
    color: #999;
    height: 44px;
}
.news .slick-dots {
    bottom: 13px;
    text-align: left;
    padding-left: 276px;
}
.news .slick-dots li {
    width: auto;
    height: auto;
    margin-left: 0;
    margin-right: 3px;
}
.news .slick-dots li button{
    background: #e3b409;
    width: 9px;
    height: 9px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 0;
    border: 1px solid #fff;
}
.news .slick-dots li.slick-active button{
    border-color: #e3b409;
    background: #fff;
}
.news .slick-dots li button:before {
    display: none;
}
.news .news_list{
    margin-top: 21px;
    margin-bottom: 48px;
}
.news .news_list li{
    line-height: 47px;
    border-bottom: 1px dashed #d5d5d5;
    color: #666;
}
.news .news_list li .fr{
    color: #888888;
}
.news .news_list a:hover,
.news .news_list a:hover .fr{
    color: #e3b409;
}
/*最新资讯*/
.new_detail .content{
    margin-bottom: 66px;
}
.new_detail .article h1{
    font-size: 29px;
    color: #666666;
    text-align: center;
    line-height: 36px;
    margin-bottom: 34px;
}
.new_detail .article{
    text-align: center;
    padding: 61px 57px 0;
    margin-bottom: 47px;
}
.new_detail .article .head2{
    display: inline-block;
    margin-bottom: 48px;
}
.new_detail .article .share{
    margin-left: 30px;
}
.new_detail .article .share li{
    width: 17px;
    height: 17px;
    margin-right: 5px;
    cursor: pointer;
}
.new_detail .article>p{
    color: #666;
    line-height: 24px;
    text-align: justify;
    margin-top: 24px;
}
.new_detail .article>img{
    max-width: 100%;
}
.new_detail .news_nav{
    font-size: 16px;
    color: #666;
    padding-top: 23px;
    margin: 0 57px;
    border-top: 1px solid #eeeeee;
}
.new_detail .news_nav .fl:before{
    margin-right: 10px;
}
.new_detail .news_nav .fr:after{
    margin-left: 10px;
    content: '\e63c';
    font-family:iconfont;
}
/*荣誉资质*/
.honor .content{
    margin-bottom: 75px;
}
.honor .content .certificate{
    padding: 0 25px;
    cursor: pointer;
}
.honor .content .certificate .text{
    text-align: center;
    color: #333;
    line-height: 24px;
}
.honor .content .certificate .pic{
    width: 263px;
    height: 367px;
    text-align: center;
    line-height: 367px;
}
.honor .content .certificate .pic img{
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}
.mask{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 9;
}
.mask .con{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}
.mask .con img{
}