.ratio-img{width: 100%;}
.ratio-img img{width: 100%}
.tran_scale{ overflow:hidden; display:block;}
.tran_scale img{transition:0.3s all; -webkit-transition:0.3s  all;}
.tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
img{transition:0.3s all; -webkit-transition:0.3s  all;}
/*font-size*/
.fnt_16 { font-size: 16px;}
.fnt_18 { font-size:18px;}
.fnt_20 { font-size: 20px;}
.fnt_22 { font-size:22px;}
.fnt_24 { font-size:24px;}
.fnt_28 { font-size:28px;}
.fnt_32 { font-size:32px; line-height:34px; }
.fnt_36 { font-size:36px;}
.fnt_40 { font-size: 40px;}
.fnt_48 { font-size: 48px;}
.fnt_66 {font-size: 66px;}
.fnt_120 { font-size: 120px;}

@media only screen and (max-width: 1440px) {
        .fnt_16 { font-size: 14px;}
        .fnt_18 {  font-size:15px;}
        .fnt_20 { font-size: 16px;}
        .fnt_22 {  font-size:18px}
        .fnt_24 { font-size:21px;}
        .fnt_28 {  font-size:22px;}
        .fnt_32 {  font-size:25px; line-height:27px; }
        .fnt_36 { font-size:28px;}
        .fnt_40 {  font-size:38px;}
        .fnt_48 {  font-size:38px;}
        .fnt_66 {font-size: 52px;}
        .fnt_120 { font-size: 105px;}
}


@media only screen and (max-width: 1300px) {
        .fnt_16 { font-size: 13px;}
        .fnt_18 {  font-size:14px;}
        .fnt_20 { font-size: 15px;}
        .fnt_22 { font-size:16px;}
        .fnt_24 { font-size:21px;}
        .fnt_28 { font-size:18px;}
        .fnt_32 { font-size:21px; line-height:23px; }
        .fnt_36 { font-size:24px;}
        .fnt_40 { font-size:36px;}
        .fnt_48 { font-size:32px;}
        .fnt_66 {font-size: 45px;}
        .fnt_120 { font-size: 105px;}
}

@media only screen and (max-width: 1140px) {
        .fnt_28 { font-size:16px;}
        .fnt_32 { font-size:19px; line-height:20px; }
        .fnt_36 { font-size:21px;}
        .fnt_40 { font-size:30px;}
        .fnt_48 { font-size:28px;}
        .fnt_66 {font-size: 40px;}
        .fnt_120 { font-size: 70px;}
}

@media only screen and (max-width: 1023px) {
	.fnt_48 { font-size:26px;}
        .fnt_36 { font-size:19px;}
        .fnt_66 {font-size: 36px;}
        .fnt_120 { font-size: 64px;}
}

@media only screen and (max-width: 768px) {
	.fnt_22{ font-size:14px;}
        .fnt_32 { font-size:18px; line-height:20px; }
        .fnt_36 { font-size:17px;}
        .fnt_40 { font-size:28px;}
        .fnt_48 { font-size:19px;}
        .fnt_66 {font-size: 26px;}
        .fnt_120 { font-size: 48px;}
}

body{font-family: "微软雅黑";}
a{color: #000;transition:0.3s all; -webkit-transition:0.3s  all;}
a:hover{color:#ff0000;}
.warper{width: 1440px; margin: auto}
.banner_new{color: #fff; position: relative;}
.banner_new .banner_text{ position: absolute; width: 100%; top:43%; left: 0; line-height: 1.2em;}
.banner_text .warper h1{width: 40%;font-weight:normal;}
.banner_text span{display: block; font-weight: bold; font-family: "Arial"}

.new_block{max-width: 1190px; margin:15px auto;margin-bottom: 30px; overflow: hidden;}
.new_block ul{margin: 0 -20px; overflow: hidden;}
.new_block li{width: 50%; *margin-left: -1px; padding:10px 0; float: left; border-bottom: 1px solid #969696; position: relative;}
.new_in{padding: 0 20px; overflow: hidden; min-height: 307px;overflow:hidden; position: relative;}
.new_in .left{float: left; font-size: 12px; background: url(../../images/pc/index.png) no-repeat 0 center; color: #969696; padding-left: 22px; margin-top: 40px;height: 20px; line-height: 20px;}
.new_in .right{float: right;width: 84%}
.new_in .right h1{line-height: 1.2em; margin-bottom:0.7em;height:2.4em; overflow:hidden;margin-top: 40px; font-weight:normal;}
.new_in .right p{line-height:1.5; max-height:3em; overflow:hidden; font-size:14px;}
.new_intop{ overflow: hidden;}
.new_block li.lilast{/*border-bottom: 0;*/}
.new_block li.lilast02{/*border-bottom: 0;*/}
.new_block li.on .new_intop{}
.new_block li.on .new_inbottom{display: none;}
.new_block li:hover .new_inbottom{display: block; position: absolute;top:10px; left: 20px;}
/*.new_block li.lilast .new_in{height: auto !important;min-height: auto !important;}*/


/*分页*/
.page {vertical-align:middle;text-align:center; margin:20px 0px; color:#606060; height:30px; line-height:30px;}
.page ul{
    display: flex;
    justify-content: center;
}

.page span{margin:0 10px;}
.page span em{ color:#fd0d2e; font-family:Arial;}
.page ul li a{display:inline-block;text-align:center; width:30px;font-family:Arial; margin: 0 5px}
.page ul li a{ border-radius:50%;-moz-border-radius:50%;
-webkit-border-radius:50%; background:#F0F0F0;color:#fd0d2e; }
.page ul li.active{background: none;}
.page ul li span{display:inline-block;text-align:center; width:30px;font-family:Arial; margin: 0 5px}
.page ul li span{ border-radius:50%;-moz-border-radius:50%;
-webkit-border-radius:50%; background:#F0F0F0;color:#fd0d2e; }
.page a.go{background:#fd0d2e;color:#fff;}
.page .active span{ background:#fd0d2e;color:#fff;}
.page a.first,.page a.last {width:40px;font-family:"Microsoft Yahei","微软雅黑";}
.page ul li a:hover{ background:#fd0d2e;color:#fff;}
.page .txtnum{width:40px;background:#fff; border:1px solid #CECECE;}
.page .txtnum input{width:40px;height:18px; line-height:18px; text-align:center; font-family:Arial; background:none; border:none;}



@media only screen and (max-width:1500px){
	.warper{width: 96%;}
}
@media only screen and (max-width:1366px){
.new_in{min-height: 250px}
}
@media only screen and (max-width:1024px){
.new_in .right{float: right;width: 80%}
.new_in{min-height: 150px}
.new_in .right h1{font-size: 18px;}
}
@media only screen and (max-width:1024px){
.new_in .right{float: right;width: 76%}

}

@media only screen and (max-width:768px){
.banner_text .warper h1{width: 100%}
.banner_new .banner_text{top:30%;}
.new_in .right h1 a{color:#ff0000;}
.new_in .left{width: 100%;margin-bottom: 10px;}
.new_in .right{width: 100%}
.new_in .left{margin-top: 0}
.new_in .right h1{ margin-top: 0}
.page a{display: none}
.page>span:first-child{display: none}
.page a.prev, .page a.next, .page a.go{display: block; display: inline-block;}
.page .dian{display: none}
.new_in .right h1{font-size: 18px;}
.new_block li.lilast02{ border-bottom: 1px solid #969696;}

.new_block li.on .new_inbottom{position: static; display: block; margin-top: 20px;}

	.new_in{height: auto !important; }
}


@media only screen and (max-width:540px){
	.new_block ul{margin:0px; overflow: hidden;}
	.new_in{padding: 0; height: auto !important; }
.banner_new{font-size: 22px;}
.banner_new .ratio-img{height: 130px !important;}
.new_block li{width: 100%;padding: 20px 0;}
.new_in{min-height: auto !important;height: auto !important;}
.new_in .right h1{ margin-top: 0}
.new_in .left{margin-top: 0}
}