/*-产品详情-*/
.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:600px; }
.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:600px;height:600px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:5px;width:600px; 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:104px; line-height:104px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .pre:hover,.spec-scroll .nex:hover{ color:#fff; background:#019cff;}
.spec-scroll .items{float:left;position:relative;width:570px;height:106px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:106px;}
.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:100px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}

#cpxp{ width: 100%;margin:30px auto 0; overflow: hidden;}
.cpzs_l{ width: 100%; float: left; overflow: hidden;}
.list_cpimg{ width: 600px; float: left;}
.list_cpcs{ width: calc(100% - 630px); float: right;}
.list_cpcs h2{ font-size:36px; line-height: 80px; border-bottom:2px solid #1864ae}
.list_cpcs p{ padding-top:20px; font-size:18px; line-height: 60px; border-bottom:1px solid #dfdfdf; overflow: hidden;}
.list_cpcs strong{ display: block; float: left;}
.cpnnr span{ white-space: nowrap; display: block; float: left;}

.cpcs span{ width：100%; font-size:20px; font-weight: bold; display: block; height:45px; line-height:45px; border-bottom:1px solid #333; margin-top:20px;
}
.cpcs p{
    line-height:30px; font-size:16px;
}




.list_cptop{ width: 100%; overflow: hidden;}
.cpxp{ width:100%; float: none; margin-top:30px;}
.cpxp h3{ font-size:30px; height: 80px; line-height: 80px; border-bottom:2px solid #1864ae}
.cpnnr{ width: 100%; margin-top:30px;}
.cpnnr img{ max-width: 80%; display: block;float:none !important;  }
.cpnnr p {width: 100%;
}
.cpnnr span{
    width:100%; display: block; 
    word-wrap:break-word;
    text-wrap: wrap !important;
}
.cpxp table{ background:#f1f1f1;}
.cpxp tr{ background:#fff; line-height:30px;}
.cpxp td{ padding-left:20px;}

.cpxg_r{ width: calc(100% - 75% - 20px); float: right; }
.cpxg_r h2{ font-size:20px; height:50px; line-height: 50px; border-bottom:2px solid #1864ae;;}
.cpxg_r ul{ width: 100%; overflow: hidden; }
.cpxg_r ul li{ width:90%; margin:15px 15px; border:1px solid #dfdfdf; border-radius: 10px; 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; }
.cpxg_r ul li:hover{box-shadow: 0 0 15px rgb(0 0 0 / 20%);}
.cpxg_r ul li a{ padding-top:75%; width: 100%; display: block; background-size: cover !important; background-position: 50% 50% !important; position: relative; }
.cpxg_r ul li a span{ position: absolute; height:60px; line-height:60px; left:0; bottom:-60px; padding: 0 15px; font-size:14px; background: rgb(214 32 8 / 80%); display: block; width: calc(100% - 30px); color: #fff; font-size:20px;transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;}
.cpxg_r ul li a:hover span{bottom: 0;}
.cpjg{
    width:100%; margin-top:30px; overflow: hidden; text-align: center; display: block;
}
.cpjg span{
    display: inline-block; margin:0 10px; width:40%; text-align: center; float: none;
}
.cpjg span a{ display: block; width: 100%; height:48px;line-height: 48px; border:1px solid #1864ae; background: #1864ae; color:#fff; border-radius: 10px;font-size:16px; }

/*-新闻详情-*/
.xw_nr{ width: 100%;}
.xwnr_top{ border-bottom:1px solid #000; padding-bottom:20px;}
.xwnr_top h2{ font-size:42px;  line-height: 80px;}
.xwnr_top p{ font-size:20px; height: 30px ; line-height: 30px;}
.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;}


@media screen and (max-width:1400px){
    .cpzs_l,.cpxg_r{ float: none; width: 100%;}
    .cpxg_r ul li{ width: calc((100% / 4) - 32px); float: left;}
}
@media screen and (max-width:1290px){
    .list_cpimg{ width:400px; }
    .spec-preview{ width: 400px; height: 400px;}
    .jqzoom{ width: 100%; height:auto !important;}
    .jqzoom img{ width: 100%; height:auto; }
    .spec-scroll{ width: 400px}
    .spec-scroll .items{ width: 370px;}
    .list_cpcs{ width: calc(100% - 430px);}
    
}
@media screen and (max-width:960px){
    .zoomdiv{display: none !important;}
    .jqZoomPup{ display: none !important;}
    .list_cpcs h2{ font-size:24px; line-height: 50px;}
    .list_cpcs p{ line-height: 40px; font-size:16px;}
    .xwnr_top h2{ font-size:30px; line-height: 60px; height: auto; overflow: hidden;}
    .xwnr_top p{ font-size:16px; }
    .xwnr_top{ padding-top:20px;}
    .nrxw p img{ width: 100% !important;}
    .nrxw{ font-size:14px; line-height:32px;}
    .xwsx p{ font-size:14px; line-height: 32px; height:32px;}
    .cpnnr img{ width: 100% !important; height:auto !important;max-width: 100%;  }
}
@media screen and (max-width:720px){
    .list_cpimg{ width:100%; float: none; }
    .spec-preview{ width: 100%; height: auto; border:none }
    .spec-scroll{ width: 100%}
    .spec-scroll .items{ width: 370px;}
    .list_cpcs{ width: calc(100% - 430px);}
    .list_cpcs{ width: 100%; float: none; margin-top:30px;}
    .spec-scroll .items{ width: 90%;}
    .cpxg_r ul li{width: calc((100% / 2) - 22px); margin:20px 10px 0;}
    .xwnr_top h2{ font-size:28px; line-height: 60px; height: auto; overflow: hidden;}
    .xwnr_top p{ font-size:16px; }
}

@media screen and (max-width:540px){
	.xwnr_top h2{ font-size:24px; line-height: 60px; height: auto; overflow: hidden;}
    .xwnr_top p{ font-size:14px; }
}