/* news */
.newsimg{
    margin: 0 auto;
    width: 100%;
    height: 384px;
    position: relative;
}
.newsimg img{
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 384px;
}
.newsimg .wimg{
   position: absolute;
   top:127px;
   left: 22%;
   width: 50%;
}
.newsimg .wimg h3{ color: #333333; font-size: 30px; font-weight: 500;}
.newsimg .wimg p{ padding-top:12px;color: #333; font-size: 40px; font-weight: bold;}
.jt_news{
    margin: 0 auto;
    width: 100%;
}
.ntitle{
    margin: 25px auto 22px;
    width: 1440px;
}
.ntitle h2{
    float: left;
    font-size: 30px;
    color: #333333;
    font-weight: bold;
}
.ntitle a{
    display: block;
    float: right;
    margin-top: 20px;
    margin-right: 5px;
    color: #333;
    font-size: 16px;
    background: url(../images/icon_more.jpg) 0 center no-repeat;
}
.jt_news ul{
    margin: 0 auto;
    width: 1440px;
}
.jt_news ul li{
    float: left;
    width:332px;
    margin-right: 16px;
    background: #f4f4f4;
    padding: 27px 8px 26px 8px;
}
.jt_news ul li:last-child{ margin-right: 0px;}
.jt_news ul li .title{
    line-height: 30px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 60px;
}
.jt_news ul li .title a{
    font-size: 18px;
    color: #333333;
    font-weight: bold;
}
.jt_news ul li .date{
    margin: 10px auto;
    font-size: 15px;
    color: #004098;
}
.jt_news ul li p{
    font-size: 15px;
    color: #777777;
    line-height: 28px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    height: 84px;
}
.newtops{
    margin: 0 auto;
    width: 100%;
    background:#f4f4f4;
}
.newtops .newtop{margin: 0 auto; width: 1440px; }
/*height:52px;*/

.newtops .newtop .tab{
    float: left;
    padding-left: 2px;
}
.newtop .tab ul li{
    float: left;
    /*width: 70px;*/
    text-align: center;
    height:48px;
    line-height:48px;
    margin-right: 14px;
    box-sizing: border-box;
}
.newtop .tab ul li a{
   color: #333333;
   font-size: 16px; 
}
.newtop .tab ul li.action{
   border-bottom: #e60012 solid 2px;
}
.newtop .guide{
    float: right;
    height:52px;
    line-height:52px;
    color: #333333;
    font-size: 14px;
    text-align: right; 
}
.newtop .guide a{ font-size: 14px; color: #333333;}
.newtop .guide a:first-child{
    background:url(../images/icon_zhuye.png) left center no-repeat;
    padding-left:20px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .jt_news ul li .title{
        height: 60px;
    }
    .jt_news ul li p{
        height: 84px;
    }

  }
.ld_news{ margin: 0 auto;width: 1440px;}
.ld_news .left{ width: 620px; margin-right: 30px;}
.swlb a{ display: block;}
.swlb img{ display: block; width:620px; height: 370px;}
.frontbg{ position:absolute; bottom:0; left:0; width:620px; height:40px;line-height:40px; background:rgba(0,0,0,0.5);}
.frontbg span{
    display:inline-block;
    width:70%; 
    white-space:nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow:ellipsis;
    padding-left:14px; 
    color:#fff; 
    font-weight:bold;
    font-size: 16px;
}
.pagination {
    position: absolute;
    text-align: right!important;
    bottom:13px!important;
    z-index:4;
    width:96%!important;
}
.pagination .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    background: #FFFFFF;
    opacity: 1;
    border-radius:50%!important;
}
.no-active{
    background: #fd2037!important;
    opacity: 1;
    width: 8px;
    height: 8px;
    border-radius:50%!important;
}
.ld_news .right{ width:790px;}
.ld_news .right ul li{
    padding: 0 23px 20px 19px;
    border-bottom: #dddddd solid 1px;
    margin-bottom:7px;
}
.ld_news .right ul li:last-child{ margin-bottom: 0!important;}
.ld_news .right .date{
    padding-top:4px;
    color:#eb2f3e;
}
.ld_news .right .date span:first-child{
    float: left;
    display: block;
   font-size: 33px; 
}
.ld_news .right .date span:last-child{
    float: right;
    display: block;
    font-size: 16px;
    padding-top:17px;
    padding-right:10px;
}
.ld_news .right .title{
    margin: 6px auto 12px;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.ld_news .right .title a{
    font-size: 20px;
    color: #333333;
}
.ld_news .right p{
    font-size: 15px;
    color: #777777;
    line-height: 28px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    height: 56px\9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ld_news .right p{
        height: 56px;
    }
}
.hynews{ margin: 0 auto; width: 1432px; padding-left: 8px;}
.hynews ul li{
    float: left;
    width:463px;
    margin-right: 16px;
}
.hynews ul li:last-child{ margin-right: 0;}
.hynews ul li .img{ width: 463px; height: 277px;}
.hynews ul li .img img{ width:463px; height: 277px;}
.hynews ul li a{
    margin: 6px auto 0;
    display: block;
    width: 97%;
    line-height: 40px;
    color: #333333;
    font-size: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.hynews ul li p{
    margin: 0 auto;
    width: 97%;
    color: #777777;
    font-size: 15px;
    line-height: 28px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    height: 56px\9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ld_news .right p{
        height: 56px;
    }
}
.newsbtm{
    margin: 0 auto 52px;
    width: 1440px;
}
.newsbtm .ztitem{
    width: 762px;
    margin-right:49px;
}
.newsbtm .ztitem .ztbox{
    margin-left: 2px;
}
.newsbtm .ztitem .ztbox .left{ width:535px;height:405px;}
.newsbtm .ztitem .ztbox .left img{width:535px;height:405px;}
.newsbtm .ztitem .ztbox .right{ width:214px; }
.newsbtm .ztitem .ztbox .right a{ display: block;width:214px; height:195px;}
/*.newsbtm .ztitem .ztbox .right a:last-child{ margin-bottom: 0;}*/
.newsbtm .ztitem .ztbox .right img{
    width:214px; 
    height:195px;
}
.firstimg{
    margin-bottom:14px; 
}
.newsbtm .tecnitem{
    width: 629px;
}
.newsbtm .ztitem .lititle{
    margin:25px auto 22px;
    width:762px;
}
.newsbtm .tecnitem .lititle{
    margin: 25px auto 26px;
    width: 629px;  
}
.lititle h2{
    float: left;
    font-size: 30px;
    color: #333333;
    font-weight: bold;
}
.lititle a{
    display: block;
    float: right;
    margin-top: 20px;
    margin-right: 5px;
    color: #333;
    font-size: 16px;
    background: url(../images/icon_more.jpg) 0 center no-repeat;
}
.newsbtm .tecnitem .tetop{
    margin:0 9px 11px 5px;
    width:557px;
    height: 100px;
    background: #eeeeee;
    padding: 48px 28px 46px 30px;
}
.newsbtm .tecnitem .tetop a{
    display: block;
    width: 100%;
    color: #333;
    font-size: 20px;
    font-weight: bold;
    line-height: 36px;
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis; 
    display: -webkit-box;
     -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    height: 108px\9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .newsbtm .tecnitem .tetop a{
        height: 108px;
    }
}
.newsbtm .tecnitem .tebtm{
    margin-left: 5px;
}
.newsbtm .tecnitem .tebtm .one,.newsbtm .tecnitem .tebtm .two{
    float: left;
    width: 244px;
    height: 105px;
    padding: 50px 28px 40px 30px;
    background: #e60012;
}
.newsbtm .tecnitem .tebtm .two{
    margin-left: 11px;
    background: #004098;
}
.newsbtm .tecnitem .tebtm a{
    line-height: 36px;
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis; 
    display: -webkit-box;
     -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    height: 195px\9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .newsbtm .tecnitem .tebtm a{
        height: 195px;
    }
}
/* jtnews */
.nmain{
    margin: 31px auto 0;
    width: 1440px;
}
.newlist ul{ padding-bottom: 30px;}
.newlist ul li{
    border: #dddddd solid 1px;
    margin-bottom: 20px;
    padding:17px 0 11px 10px;
}
.newlist ul li .tzlist{
    margin: 0 auto;
   width:96%; 
}
.newlist ul li .img{ width: 317px;height:189px;}
.newlist ul li .img img{ width: 317px;height:189px; /* width: 100%; */}
.newlist ul li .right{
    margin-left: 19px;
    width:1092px;
}
.newlist ul li .right .title,.newlist ul li .tzlist .title{
    margin: 10px auto 12px;
    color: #333;
    font-size: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.newlist ul li .right .title a{
    color: #333;
    font-size: 20px;
}
.newlist ul li .right p{
    color: #888888;
    font-size: 15px;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
}
.newlist ul li .right .more,.newlist ul li .tzlist .more{
    margin-top: 30px;
    display: block;
    width: 121px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border: #dddddd solid 1px;
    border-radius:50px;
    color: #666666;
    font-size: 15px;
}
.newlist ul li:hover{
    background: #f4f4f4;
    color: #e60012;
}
.newlist ul li:hover .title a,.newlist ul li:hover .title a:hover{color: #e60012!important;}
.ztitemlist ul{
    margin: 0 auto;
    width: 1421px;
}
.ztitemlist ul li{
    float: left;
    width: 463px;
    margin-right: 16px; 
    margin-bottom: 15px;
}
.ztitemlist ul li .ztimg{
   width: 463px;
   height: 277px;
}
.ztitemlist ul li .ztimg a{
    display: block;
    width: 100%;
}
.ztitemlist ul li .ztimg img{  
    width: 463px;
   height: 277px;
}
.ztitemlist ul li:nth-child(3n){ margin-right: 0;}
.ztitemlist ul li .zttitle{
    width: 98%;
    height:58px;
    line-height: 58px;
    text-align: left;
}
.ztitemlist ul li .zttitle a{
    display:block;
    font-size: 20px;
    color: #333333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.wraps{
    margin: 0 auto;
    width: 1440px;
}
.wraps .htitle{ margin:38px auto 16px; padding-bottom:22px; border-bottom: #dddddd solid 1px; text-align: center;}
.wraps .htitle h2{
    font-size: 28px;
    color: #333;
    font-weight: bold;
    text-overflow: ellipsis;
   
    overflow: hidden;
}
.wraps .htitle .look{ margin-top: 22px; color: #777777;font-size:14px;}
.wraps .htitle .look span:first-child{
    background: url(../images/icon_see.png) left center no-repeat;
    padding-left: 24px;
    margin-right: 27px;
}
.wraps .htitle .look span:last-child{
    background: url(../images/icon_time.png) left center no-repeat;
    padding-left: 24px;
}

.wraps .contents{
    width: 90%;
    max-width: 1084px;
    min-height: 350px;
    font-size: 16px;
    color: #333333;
    line-height: 35px;
    margin: 0px auto 30px;
}
.wraps .contents table{
    margin: 0 auto;
}
.wraps .contents table p{text-indent:0;}
.wraps .contents p{  color: #333333;text-indent: 2em;}
.wraps .contents p video {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 30px;
}
.wraps .contents img{ width: 66%;
    margin-bottom: 2vh;
    margin-top: 2vh;}
.prolist{
    margin: 27px auto 0;
    width: 1440px;
   
}
.prolist ul li{
    float: left;
    width: 358px;
    margin-bottom:28px;
    border: #dddddd solid 1px;
    padding-bottom: 25px;
    border-right: #FFFFFF solid 1px;
}
.prolist ul li:nth-child(4n),.prolist ul li:last-child{ border-right: #dddddd solid 1px;}
.prolist ul li:hover{
    border: #e60012 solid 1px;
}
.prolist ul li .proimg{
   margin-top: 18px;
   width: 100%;
}
.prolist ul li .proimg img{ width:356px; height:253px;}
.prolist .proname{
    margin: 0 auto;
    width: 96%;
   text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.prolist .proname a{ color: #333333; font-size: 16px; font-weight: bold;}
.prolist .fanwei{
    margin: 0 auto;
    width: 96%;
    height: 72px;
    line-height: 36px;
    color: #333333; 
    font-size: 16px; 
    font-weight: bold;
    overflow: hidden;
}
.protop{ 
    margin:0 auto; 
    width: 100%;
    border-bottom:#e60012 solid 5px;
    position: relative;
    height: 573px;
}
.protop .left{
   width: 55.63%;
   height: 573px;
   background:#ffffff;
   position:absolute;
   left: 0;
   top:0;
   z-index: 10; 
}
.protop .right{
    position:absolute;
    right: 0;
    top:0;
    width: 42.56%;
    height: 573px;
    background:#eeeeee;
    z-index: 10;  
}
.detailtop{
   margin:0 auto;
   width:1440px;
   height: 573px;
   padding-top: 78px;
   z-index: 100;
   position: relative;
   box-sizing: border-box;
}
.detailtop .imglist{
    float: left;
    width: 827px;
    background: #FFFFFF;
}
.detailtop .dedata{
    float:right;
    width:508px;
    padding-left: 55px;
    padding-right: 50px;
    background: #eeeeee;
    position: relative;
    z-index: 2;
}
.detailtop .imglist .img-scroll{
    float: left;
    width: 155px;
    height: 393px;
    margin:33px 19px 0 9px;
    position: relative;
}
.img-scroll .items {
	position:relative;
	height:393px;
	width:155px;
	overflow:hidden;
}
.img-scroll .items ul {
	position:absolute;
	width:999999px;
	width:155px;
}
.img-scroll .items ul li {
	float:left;
	width:153px;
    height:115px;
    border:#eeeeee solid 1px;
    margin-bottom:16px;
}
.img-scroll .items ul li.active{
    border:#e60012 solid 1px;
}
.img-scroll .items ul li img {
    width: 100%;	
}
.img-scroll>.prev{
    position: absolute;
    width:39px;
    height:22px;
    top:-30px;
    left:55px;
    background: url(../images/icon_pro_up.png) no-repeat;
    transition: all 0.5s;
    cursor: pointer;
}
.img-scroll>.next {
    position: absolute;
    width:39px;
    height:22px;
    left: 55px;
    bottom: -30px;
    background: url(../images/icon_pro_down.png) no-repeat;
    transition: all 0.5s;
    cursor: pointer;
}
.detailtop .imglist .bigimg{
    margin-top: 32px;
    float: left;
    width:644px;
	/*height:383px;*/
    position: relative;
	cursor: move;
}
.detailtop .imglist .bigimg img{
	margin-left: 66px;
	width:578px;
	/*height: 383px;*/
}
/* .detailtop .imglist .bigimg>img{ width:100%;} */
.jqzoom {
	float:left;
	border:none;
	position:relative;
	padding:0;
	cursor:pointer;
	margin:0;
    display:block;
    text-align: center;
    /* width:644px;
	height:383px; */
}
/* .jqzoom img {
	background:url(http://www.lanrenzhijia.com/demo/images/loading.gif) no-repeat center center;
} */
.zoomdiv {
	z-index:100;
	position:absolute;
	top:0;
	left:0;
	width:350px;
	height:350px;
	background:#fff;
	border:1px solid #ccc;
	display:none;
	text-align:center;
	overflow:hidden
}
.jqZoomPup {
	z-index:10;
	visibility:hidden;
	position:absolute;
	top:0;
	left:0;
	width:20px;
	height:20px;
	border:1px solid #aaa;
	background:#fff;
	opacity:.5;
	-moz-opacity:.5;
	-khtml-opacity:.5;
	filter:alpha(Opacity=50)
}
.detailtop .dedata h3{ color:#000; font-size: 30px; font-weight: bold; padding-bottom: 6px; }
.detailtop .dedata .lit_title{ 
    margin-top:20px;
    color:#000; font-size:16px; font-weight: bold;
}
.detailtop .dedata .item{
     margin-top: 5px;
    color:#000; font-size:16px; 
}
.detailtop .dedata .item span{
    display: block;
    line-height: 32px;
}
.detailtop .dedata p{ color:#000; font-size:16px;line-height: 32px;  }
.detailtop .dedata .getBtn{
    margin-top:37px;
   width: 210px;
   height: 56px;
   line-height: 56px;
   text-align: center;
   background: #e60012;   
}
.detailtop .dedata .getBtn a{
    display: block;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
}
.tabslistbox{
    margin:0 auto;
    width: 100%;
    height:92px;
    border-bottom: #dddddd solid 1px;
}
.fixed{
    position: fixed;
    top:0;
    left: 0;
    background-color: #FFFFFF;
}
.tabslistbox .tabslist{
    margin:0 auto;
    width: 1440px;
}
.tabslistbox .tabslist h2{
    float: left;
    width: 450px;
    color:#333333;
    font-size: 30px;
    font-weight: bold;
    line-height: 92px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.tabslistbox .tabslist ul{
    float: right;
    width: auto;
    max-width: 1040px;
}
.tabslistbox .tabslist ul li{
    float:left;
    font-size: 22px;
    color:#333333;
    font-weight: bold;
    line-height: 92px;
    margin-left: 45px;
    cursor: pointer;
}
.tabslistbox .tabslist ul li.active{
    color:#e60012;
}
.promain{ margin:0 auto; width: 1440px; padding-top:30px;}
.promain h2{
    margin:0 auto; 
    width: 100%;
    text-align: left;
}
.promain h2 a{ color:#333333; font-size: 40px; font-weight: bold;}
.cpjsbox{
    margin-top: 20px;
    margin-bottom: 15px;
   color:#333333;
   font-size: 15px;
   line-height: 32px;
}
.cpjsbox img {
    width: 100%;
    height: auto;
}
.canshubox img{
    max-width: 1000px;
}

.caselist{
    margin-top: 30px;
   padding-left: 9px;
   margin-bottom: 30px;
}
.caselist ul li{ float: left; width:463px;margin-right:16px;}
.caselist ul li:last-child{ margin-right:0;}

@media (max-width:1440px) and (min-width:1280px){
    .newsimg{ height: 260px;}
    .newsimg img{height:260px;}
    .newsimg .wimg{ top:80px;}
    .ntitle{ width: 1200px;}
    .jt_news ul{ width: 1200px;}
    .jt_news ul li{ width:274px; margin-right: 13px;}
    .ld_news{ width:1200px;}
    .ld_news .left {
        width:518px;
        margin-right:25px;
    }
    .swlb img {
        width:518px;
        height:309px;
    }
    .ld_news .right {
        width:657px;
    }
    .ld_news .right .title {
        margin: 3px auto 8px;
    }
    .ld_news .right ul li {
        padding: 0 23px 8px 19px;
        margin-bottom:1px;
    }
    .hynews {
        width:1198px;
        padding-left:2px;
    }
    .hynews ul li {
        width:385px;
        margin-right:14px;
    }
    .hynews ul li .img {
        width:385px;
        height:230px;
    }
    .hynews ul li .img img {
       width:385px;
       height:230px;
    }
    .newsbtm {
        margin: 0 auto 42px;
        width:1200px;
    }
    .newsbtm .ztitem .lititle {
        width:635px;
    }
    .newsbtm .ztitem {
        width:635px;
        margin-right:39px;
    }
    .newsbtm .ztitem .ztbox {
        margin-left: 0px;
    }
    .newsbtm .tecnitem {
        width:526px;
    }
    .newsbtm .ztitem .ztbox .left {
        width:446px;
        height:337px;
    }
    .newsbtm .ztitem .ztbox .left img{
        width:446px;
        height:337px;
    }
    .newsbtm .ztitem .ztbox .right a,.newsbtm .ztitem .ztbox .right img{
        width:179px;
        height:163px;
    }
    .firstimg {
     margin-bottom: 11px;
    }
    .newsbtm .ztitem .ztbox img{
        width:179px;
        height:163px;
    }
    .newsbtm .ztitem .ztbox .right {
        width: 178px;
    }
    .newsbtm .tecnitem .lititle {
        width:526px;
    }
    .newsbtm .tecnitem .tetop {
        margin: 0 9px 11px 5px;
        width: 457px;
        height: 100px;
        padding:20px 28px 38px 27px;
    }
    .newsbtm .tecnitem .tebtm .one, .newsbtm .tecnitem .tebtm .two {
        width: 202px;
        height: 86px;
        padding: 43px 23px 36px 26px;
    }
    .newtops .newtop,.nmain{
        width: 1200px;
    }
    .nmain ul li .right {
        width:852px;
    }
    .ztitemlist ul{
        width: 1178px;
    }
    .ztitemlist ul li {
        float: left;
        width:386px;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .ztitemlist ul li .ztimg {
        width:386px;
        height:230px;
    }
    .ztitemlist ul li .ztimg img{  
        width:386px;
        height:230px;
    }
    .wraps,.prolist{
        width: 1200px;
    }
    .wraps .contents img{ max-width:1100px!important;}
    .prolist ul li{ width: 298px;}
    .prolist ul li .proimg img {
      width: 298px;
      height:162px;
     }
    .detailtop,.tabslistbox .tabslist,.promain{
        width: 1200px;
    }
    .detailtop .imglist{
        width:690px;
        background: none;
    }
    .detailtop .imglist .bigimg{
        width: 507px;
        height: 283px;
        overflow: hidden;
    }
    .detailtop .imglist .bigimg img{
        width: 80%;
    }
    .detailtop .dedata{
        width: 430px;
        padding-left:50px;
        padding-right:30px;
        background: none;
    }
    .caselist ul li{
        width: 32%;
        margin-right: 2%;
    }
    .caselist ul li img{
        width: 100%;
    }


}
@media (max-width:1280px) and (min-width:1000px){
    .newsimg{ height: 205px;}
    .newsimg img{height:205px;}
    .newsimg .wimg {
        top: 32px;
        left: 22%;
        width: 50%;
    }
    .ntitle{ width: 980px;}
    .jt_news ul{ width: 980px;}
    .jt_news ul li{ width:222px; margin-right:7px;}
    .ld_news{ width:980px;}
    .ld_news .left {
        width:426px;
        margin-right:10px;
    }
    .swlb img {
        width:426px;
        height:256px;
    }
    .ld_news .right {
        width:544px;
    }
    .ld_news .right .title {
        margin: 0px auto 0px;
    }
    .ld_news .right ul li {
        padding: 0 23px 0px 19px;
        margin-bottom:0px;
    }
    .hynews {
        width:980px;
        padding-left:0px;
    }
    .hynews ul li {
        width:32%;
        margin-right:2%;
    }
    .hynews ul li .img,.hynews ul li .img img{
        width:100%;
        height:188px;
        overflow: hidden;
    }
    .newsbtm {
        margin: 0 auto 22px;
        width:980px;
    }
    .newsbtm .ztitem .lititle {
        width:525px;
    }
    .newsbtm .ztitem {
        width:525px;
        margin-right:10px;
    }
    .newsbtm .ztitem .ztbox {
        margin-left: 0px;
    }
    .newsbtm .tecnitem {
        width:445px;
    }
    .newsbtm .ztitem .ztbox .left,.newsbtm .ztitem .ztbox .left img{
        width:367px;
        height:277px;
    }
    .newsbtm .ztitem .ztbox .right a {
        width:148px;
        height:130px;
        margin-bottom:10px;
    }
    .newsbtm .ztitem .ztbox img{ width: 100%;}
    .newsbtm .ztitem .ztbox .right {
        width: 148px;
    }
    .newsbtm .ztitem .ztbox .right img{
        width: 148px;
        height: 134px;
    }
    .firstimg { margin-bottom:3px;}
    .newsbtm .tecnitem .lititle {
        width:445px;
    }
    .newsbtm .tecnitem .tetop {
        margin: 0 9px 11px 0px;
        width: 425px;
        height: 110px;
        padding:10px 10px 10px 10px;
    }
    .newsbtm .tecnitem .tebtm .one, .newsbtm .tecnitem .tebtm .two {
        width: 193px;
        height: 110px;
        padding: 10px 10px 10px 10px;
    }
    .newtops .newtop,.nmain{
        width: 980px;
    }
    .nmain ul li .right {
        width:632px;
    } 
    .ztitemlist ul{
        width:955px;
    }
    .ztitemlist ul li {
        float: left;
        width:313px;
        margin-right:8px;
        margin-bottom:10px;
    }
    .ztitemlist ul li .ztimg {
        width:313px;
        height:187px;
    }
    .ztitemlist ul li .ztimg img {
     width:313px;
        height:187px;
}
    .wraps,.prolist{
        width:980px;
    }
    .wraps .contents img{ max-width:970px!important; width: 80%;}
    .prolist ul li{ width:243px;}
    .prolist ul li .proimg img {
      width: 243px;
      height:132px;
     }
    .detailtop,.tabslistbox .tabslist,.promain{
        width: 980px;
    }
    .tabslistbox .tabslist ul {
      max-width: 530px;
    }
    .tabslistbox .tabslist ul li{
      margin-left:15px;
    }
    
    
    .detailtop .imglist{
        width:565px;
        background: none;
    }
    .detailtop .imglist .bigimg{
        width:372px;
        height: 283px;
        overflow: hidden;
    }
    .detailtop .imglist .bigimg img{
        width: 80%;
    }
    .detailtop .dedata{
        width: 395px;
        padding-left:10px;
        padding-right:10px;
        background: none;
    }
    .caselist ul li{
        width: 32%;
        margin-right: 2%;
    }
    .caselist ul li img{
        width: 100%;
    }
    /*.newtop .guide {*/
    /*    float: none;*/
    /*    text-align: left;*/
    /*}*/
    
 
    
}
@media (max-width:1000px) and (min-width:768px){
    .newsimg{ height:153px;}
    .newsimg img{height:153px;}
    .newsimg .wimg {
        top: 32px;
        left: 22%;
        width: 50%;
    }
    .ntitle{  margin: 10px auto 20px; width:580px;}
    .jt_news ul{ width: 580px;}
    .jt_news ul li{ width:48%; margin-right:2%; padding:6px 2px 5px 3px; margin-bottom: 10px;}
    .jt_news ul li:nth-child(even) {
        margin-right: 0px;
    }
    
    .ld_news{ width:580px;}
    .ld_news .left {
        float:none;
        width:580px;
        margin-right:0px;
    }
    .swlb img {
        width:580px;
        height:347px;
    }
    .ld_news .right {
        float: none;
        width:580px;
    }
    .ld_news .right .title {
        margin: 0px auto 4px;
    }
    .ld_news .right ul li {
        padding: 0 23px 8px 19px;
        margin-bottom:0px;
    }
    .hynews {
        width:580px;
        padding-left:0px;
    }
    .hynews ul li {
        width:32%;
        margin-right:2%;
    }
    .hynews ul li .img {
        width:100%;
        height:111px;
    }
    .hynews ul li .img img{
        width:100%;
        height:111px;
    }
    
    .newsbtm {
        margin: 0 auto 22px;
        width:580px;
    }
    .newsbtm .ztitem .lititle {
        width:580px;
    }
    .newsbtm .ztitem {
        float: none;
        width:580px;
        margin-right:0px;
    }
    .newsbtm .ztitem .ztbox {
        margin-left: 0px;
    }
    .newsbtm .tecnitem {
        float: none;
        width:580px;
    }
    .newsbtm .ztitem .ztbox .left,.newsbtm .ztitem .ztbox .left img{
        width:367px;
        height:277px;
    }
    .newsbtm .ztitem .ztbox .right a {
        width:148px;
        height:130px;
        margin-bottom:10px;
    }
    .newsbtm .ztitem .ztbox img{ width: 100%;}
    .newsbtm .ztitem .ztbox .right{
        width: 148px;
    }
    .firstimg {
    margin-bottom:2px;
    }
    .newsbtm .ztitem .ztbox .right img{
        width: 148px;
        height: 134px;
    }
    .newsbtm .tecnitem .lititle {
        width:580px;
    }
    .newsbtm .tecnitem .tetop {
        margin: 0 9px 11px 0px;
        width: 560px;
        height: 110px;
        padding:10px 10px 10px 10px;
    }
    .newsbtm .tecnitem .tebtm .one, .newsbtm .tecnitem .tebtm .two {
        width: 260px;
        height: 110px;
        padding: 10px 10px 10px 10px;
    } 
    .nmain{
        width: 580px;
    }
    .newtops .newtop{
        width:98%;
        height: auto;
    }
    .newtops .newtop .tab{ float:none;}
    .newtop .guide{ float:none; text-align: left;}
    .nmain ul li .img {
        width: 240px;
        height: 143px;
    }
    .nmain ul li .img img{
        width: 240px;
        height: 143px;
    }
    .nmain ul li .right {
        width:309px;
    } 
    .nmain ul li .right .more{ margin-top: 2px;}
    .ztitemlist ul{
        width:100%;
    }
    .ztitemlist ul li {
        float: left;
        width:32%;
        margin-right:2%;
        margin-bottom:10px;
    }
    .ztitemlist ul li .ztimg {
        width:100%;
        height:111px;
    }
    .ztitemlist ul li .ztimg img {
        width:100%;
        height:111px;
    }
    .wraps{ width:580px;}
    .wraps .contents img{ max-width:580px!important; width: 80%;}
    .prolist{ width:98%;}
    .prolist ul li{ width:24%;}
    .prolist ul li .proimg img {
    	width: 100%;
    	height:162px;
      /*width: 298px;*/
      /*height:162px;*/
     }
    .protop .left{
        display:none;
    }
    .protop .right{
        display:none;
    }
    .protop{ height: auto;}
    .detailtop{
        width: 100%;
        padding-top: 10px;
    }
    .detailtop .imglist{
        float: none;
        width:100%;
        background: none;
        margin:20px auto 40px;
    }
    .detailtop .imglist .bigimg{
        width:60%;
        overflow: hidden;
    }
    .detailtop .imglist .bigimg img{
        width: 80%;
    }
    .detailtop .dedata{
        margin:0 auto;
        width: 90%;
        padding-left:10px;
        padding-right:10px;
        float:none;
    }
    .tabslistbox .tabslist,.promain{
        width: 96%;
    }
    .fixed,.tabslistbox{
        height: auto;
    }
    .tabslistbox .tabslist h2{
        float: none;
        height: 34px;
        line-height: 34px;
    }
    .tabslistbox .tabslist ul{
        float: none;
        height: 30px;
        line-height: 30px;
    }
    .tabslistbox .tabslist ul li{
        height:30px;
        line-height: 30px;
        margin-left:0;
        margin-right: 20px;
    }
    .caselist ul li{
        width: 32%;
        margin-right: 2%;
    }
    .caselist ul li img{
        width: 100%;
    }
    .canshubox img{
        max-width: 100%;
    }
    .cpjsbox img{
    	/*width: 100%!important;*/
    }
}

@media (max-width:767px) and (min-width:320px){
    .newsimg{ height:82px;}
    .newsimg img{height:82px;}
    .newsimg .wimg {
        top: 0px;
        left: 22%;
        width: 50%;
    }
    .newsimg .wimg h3{ font-size: 22px;}
    .newsimg .wimg p{ font-size: 20px;}
    .ntitle{  margin:2px auto 8px; width:96%;}

    .jt_news ul{ width:96%;}
    .jt_news ul li{ width:48%; margin-right:2%; padding:6px 2px 5px 3px; margin-bottom: 10px;
        box-sizing: border-box;
    }
    .jt_news ul li:nth-child(even) {
        margin-right: 0px;
    }
    .ld_news{ width:100%;}
    .ld_news .left {
        display: none;
    }
    .ld_news .right {
        float: none;
        width:100%;
    }
    .ld_news .right .title {
        margin: 0px auto 4px;
    }
    .ld_news .right ul li {
        padding: 0 23px 8px 19px;
        margin-bottom:0px;
    }
    .hynews {
        width:96%;
        padding-left:0px;
    }
    .hynews ul li {
        width:32%;
        margin-right:2%;
    }
    .hynews ul li .img,.hynews ul li .img img{
        width:100%;
        height:79px;
    }
    .newsbtm {
        margin: 0 auto 22px;
        width:100%;
    }
    .newsbtm .ztitem .lititle {
        width:96%;
    }
    .newsbtm .ztitem {
        float: none;
        width:100%;
        margin-right:0px;
    }
    .newsbtm .ztitem .ztbox {
        margin-left: 0px;
    }
    .newsbtm .tecnitem {
        float: none;
        width:94%;
        margin: 0 auto;
    }
    .newsbtm .ztitem .ztbox .left {
        margin: 0 auto;
        width:94%;
        height:auto;
        text-align:center;
        float: none;
    }
    .newsbtm .ztitem .ztbox .left img{
        width: 100%;
    }
    .newsbtm .ztitem .ztbox img{ width: 100%;}
    .newsbtm .ztitem .ztbox .right {
        display: none;
    }
    .newsbtm .tecnitem .lititle {
        width:96%;
    }
    .newsbtm .tecnitem .tetop {
        margin: 0 9px 11px 0px;
        width:94%;
        height: 110px;
        padding:10px 10px 10px 10px;
    }
    .newsbtm .tecnitem .tebtm {
       display: none;
    }
    .newtops .newtop,.nmain{
        width:96%;
    }
    .newtops .newtop{ height: auto;}
    .newtops .newtop .tab{ float: none;}
    .newtop .tab ul li{ margin-right: 10px;}
    .newtop .guide{ float: none; text-align: left;}
    .nmain ul li .img {
        float: none;
        width: 100%;
        height:auto;
        text-align: center;
    }
    .nmain ul li .right {
        float: none;
        width:90%;
    } 
    .nmain ul li .right .more{ margin-top: 2px;}
    .ztitemlist ul{
        width:100%;
    }
    .ztitemlist ul li {
        margin: 0 auto 10px;
        float: none;
        width:96%;
        margin-right:0;
        /* margin-bottom:10px; */
    }
    .ztitemlist ul li .ztimg {
        width:100%;
        height:auto;
    }
    .ztitemlist ul li .ztimg img {
        width:100%;
        height:auto;
    }
    .wraps{ width:auto;}
    .wraps .contents img{ max-width:auto!important; width: 80%;}
    .prolist{ width:auto;}
    .prolist ul li{ float:none; width:auto; border-right: #dddddd solid 1px;}
    .prolist ul li .proimg img {
    	width: 100%;
    	height:auto;
     }
    .protop .left{
        display:none;
    }
    .protop .right{
        display:none;
    }
    .protop{ height: auto;}
    .detailtop{
        width: 100%;
        padding-top: 10px;
    }
    .detailtop .imglist{
        float: none;
        width:100%;
        background: none;
        margin:20px auto 40px;
    }
    .detailtop .imglist .bigimg{
        width:100%;
        /*height: 283px;*/
        overflow: hidden;
    }
    .detailtop .imglist .bigimg img{
        width: 80%;
    }
    .detailtop .imglist .bigimg img {
        margin-left:0px;
    }
    .detailtop .dedata{
        margin:0 auto;
        width: 90%;
        padding-left:10px;
        float:none;
    }
    .tabslistbox .tabslist{
        display: none;
    }
    .promain{
        width: 96%;
    }
    .fixed,.tabslistbox{
        height: auto;
    }
    .tabslistbox .tabslist h2{
        float: none;
        height: 34px;
        line-height: 34px;
    }
    .tabslistbox .tabslist ul{
        float: none;
        height: 30px;
        line-height: 30px;
    }
    .tabslistbox .tabslist ul li{
        height:30px;
        line-height: 30px;
    }
    .caselist ul li{
        width: 32%;
        margin-right: 2%;
    }
    .caselist ul li img{
        width: 100%;
    }
    .canshubox img{
        max-width: 100%;
    }
    .detailtop .imglist .img-scroll{
        display: none;
    }
    
    .cpjsbox img{
    	width: 100%!important;
    	height: auto!important;
    }


}