/*-产品详情-*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
.clearfix{display:inline-block;} 
.clearfix{display:block;} 
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block; width:100%;  }
.jqzoom img{
    width:100%; height: 100%;
}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:450px;height:450px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqzoom img{ width: 100%; height:100%; }
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.spec-preview{width:100%;border:1px solid #DFDFDF; overflow: hidden;}
.spec-scroll{clear:both;margin-top:5px;width:100%; overflow:hidden; }
.spec-scroll .pre{float:left;margin-right:3px;}
.spec-scroll .nex{float:right;}
.spec-scroll .pre,.spec-scroll .nex{display:block;font-family:"宋体";text-align:center;width:10px;height:79px; line-height:79px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .pre:hover,.spec-scroll .nex:hover{ color:#fff; background:#2daccc;}
.spec-scroll .items{float:left;position:relative;width:470px;height:81px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:81px;}
.spec-scroll .items ul li{float:left;width:110px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:100px;height:75px;}
.spec-scroll .items ul li img:hover{border:2px solid #2daccc;padding:1px;}



#cpxp{ width:calc(100% - 300px);margin:30px auto 0; overflow: hidden; float: right;}
.cpzs_l{ width: 100%; float: left; overflow: hidden;}
.list_cpimg{ width: 500px; float: left;}
.list_cpcs{ width: calc(100% - 530px); float: right;}
.list_cpcs h2{ font-size:18px; line-height: 60px; border-bottom:2px solid #2daccc; height:60px; overflow: hidden;}
.list_cpcs p{ padding:20px 0; font-size:18px; line-height: 60px; border-bottom:1px solid #dfdfdf; overflow: hidden;}

.cpcs p{
    line-height:24px; font-size:14px; 
}
.rxzx{
    margin-top:20px;
    width:100%;
    overflow: hidden;
}
.rxzx span{
    display: inline-block;
    height:58px;
    line-height:58px;
    text-align: center;
    font-size:18px;
    color:#fff;
    background:#2daccc;
}
 .rxzx span a{
    color: #fff;
    display: block;
 }   
.rx{
    width:50%;
    margin-right:25px;
}
.rx i{
    font-size:18px;

}
.zx{
    width:calc(40% - 30px);
}



.list_cptop{ width: 100%; overflow: hidden;}
.cpxp{ width:100%; float: none; margin-top:30px;}
.cpxp h3,.cprx h3{ font-weight: 400; font-size:20px; height: 48px; line-height: 48px; background: #f1f1f1;}
.cpxp h3 span,.cprx h3 span{ width:260px; background: #2daccc; display: block; text-align: center; color: #fff;}
.cptd{
    padding:30px 0;
    width: 100%;
    overflow: hidden;
}
.tdimg{
    width:40%; 
    float: left;
}
.tdimg p{
    width:calc(100% - 10px);
    border:5px solid #f1f1f1;
    padding-top:75%;
    position: relative;
    overflow: hidden;
}
.tdimg p img{
    position: absolute;
    width:100%;
    height:100%;
    left: 0;
    top:0;
}
.tdtxt{
    width:calc(60% - 30px);
    float: right;
}
.tdtxt p{
    font-size: 16px;
    line-height: 36px;
}
.dqgg{
    width: 100%;
    padding:20px 0;
}
.dqgg table{ background:#dfdfdf; width:100%;}
.dqgg tr{ background-color: #fff;}
.dqgg tr:nth-child(odd){ background: #f1f1f1;}
.dqgg td{
    height: 36px;
    line-height:36px;
    text-align: center;
    font-size:16px;
    color: #333;
}
.dqgg img{
    margin:0 auto;
}

.cprx{
    width: calc(100% - 300px);
    float: right;
    overflow: hidden;
}
.cprx ul{
    width:calc(100% + 30px);
    overflow: hidden;
}
.cprx ul li {
    width:calc((100% / 4) - 30px);
    margin-right:30px;
    float: left;
    margin-top:30px;
}
.cprx ul li a{
    width:calc(100% - 4px);
    border: 2px solid #f1f1f1;
    display: block;
    overflow: hidden;
}
.cprx ul li a p{
    position: relative;
    width:100%;
    padding-top:75%;
}
.cprx ul li a p img{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height: 100%;
}
.cprx ul li a span{
    display: block;
    width:100%;
    text-align: center;
    font-size:14px;
    color:#333;
    line-height: 42px;
    background: #f1f1f1;
    overflow: hidden;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.cprx ul li a:hover{
    border:2px solid #2daccc;
    color: #fff;
    background: #2daccc;
}
.cprx ul li a:hover span{
    background: #2daccc;
    color:#fff;
}

/*-新闻详情-*/
.xw_nr{ width: 100%; margin-top:30px;}
.xwnr_top{ border-bottom:1px solid #000; padding-bottom:20px;}
.xwnr_top h2{ font-size:36px;  line-height: 80px; text-align:center;}
.xwnr_top p{ font-size:16px; height: 30px ; line-height: 30px; text-align:center;}
.nrxw{ font-size:20px; line-height: 40px; padding:30px 0;}
.nrxw p { text-indent: 2em;}
.nrxw p img{ max-width:80% !important; display: block; margin:0 auto;}
.xwsx{ width: 100%; border-top:1px solid #000; padding:30px 0;}
.xwsx p{ font-size:20px; height: 50px; line-height: 50px; overflow: hidden;}

.gszpxpy{ font-size:20px; line-height: 40px; padding:30px 0;}
.gszpxpy p { max-width:1000px;border:5px solid #f1f1f1; margin:30px auto 0;}
.gszpxpy p img{ width:100%;}
.gszpxpy span{ display: block; text-align: center; font-size:16px;}
/*------人才招聘----*/
.job_nr{
    width:100%;
    overflow: hidden;
}
.job_nr ul{
    width:calc(100% + 30px);
    overflow: hidden;
}
.job_nr ul li{
    width:calc((100% / 2) - 30px);
    float: left;
    margin:20px 20px 0 0;
    overflow: hidden;
}
.jobtxt{
    width:100%;
}
.jobtxt a{
    width:calc(100% - 32px);
    border:1px solid #dfdfdf;
    display: block;
        padding:15px;
}
.jobtxt a:hover{
    border:1px solid #2daccc;
    background:#f1f1f1;
}
.jobtxt a p{
    font-size:16px;
    font-weight: bold;
    line-height:36px;
}
.jobtxt a span{
    font-size:14px;
    line-height:24px;
    display: block;
    height:120px;
    overflow: hidden;
}
@media screen and (max-width:1460px){
    .rxzx span{ font-size:16px;}
    
}
@media screen and (max-width:1360px){
    .list_cpimg{
        width:400px;
    }
    .spec-preview{ height:300px;}
    .jqzoom{ height: 300px;}
    .spec-scroll .items{
        width:370px;
    }
    .list_cpcs{
        width:calc(100% - 415px);
    }
    .rx{ width: 60%;}
    
}
@media screen and (max-width:1200px){
    #cpxp{ width:100%;}
    .cprx{ width: 100%;}
    .dqgg img{ width:100%}
    .cprx ul { width:calc(100% + 15px)}
    .cprx ul li { width: calc((100% / 4) - 15px); margin-right:15px;}
    .cprx ul li a span{ overflow: hidden; height: 42px;}
    .xwnr_top h2{ font-size:24px;}
    .nrxw{ font-size:16px;}
}
@media screen and (max-width:800px){
    .list_cpimg{ width: calc(100% - 2px);}
    .spec-preview{ height:auto; padding-top:75%; position: relative;}
    .jqzoom{ position: absolute; left:0; top:0; height:auto;}
    .jqZoomPup{ display: none;}
    .spec-scroll .items{ width:calc(100% - 30px)}
    .list_cpcs{width:100%; margin-top:20px;}
    .dqgg td{ font-size:14px;}
    
}
@media screen and (max-width:580px){
    .rx{ width: 100%; margin:0 0 15px 0;}
    .zx{ width:100%;}
    .tdimg{width: 100%;}
    .tdtxt{ width:100%;}
    .cprx ul li{ width: calc((100% / 2) - 15px);}
    .xwsx p{ font-size:16px;}
    .job_nr ul{ width: 100%;}
    .job_nr ul li{ width:calc(100%); margin: 20px 0 0 0; float: none;}

}