.pagebanner{height: 450px; position: relative;}
.pagebanner .text{position: absolute; top: 25%; left: 50%; margin-left: -600px; width: 55%; max-width: 545px;}

.pagetit{text-align: center; font-size: 16px; padding-bottom: 40px; color: #666666;}
.pagetit h3{color: #2c2c2c; line-height: 1.2em; padding-bottom: 0.7em;}

.hcjj{background: url(../images/about/abbg1.jpg) no-repeat center; background-size: cover;}
.hcjj .con{position: relative; margin-bottom: 50px;}
.hcjj .con .text{width: 55%; background: #fff;border-radius: 4px;}
.hcjj .con .text .txt{padding: 55px 135px 75px 55px;}
.hcjj .con .text .txt h3{font-size: 18px; color: #000000; padding-bottom: 1em; padding-top: 0.5em;}
.hcjj .con .text .txt p{line-height: 24px;}
.hcjj .con .imgs{position: absolute; right: 0; top: 55px; width: 52%;border-radius: 4px; overflow: hidden;}
.hcjj .con2 .text{float: right; min-height: 470px;}
.hcjj .con2 .text .txt{padding: 55px 55px 75px 135px;}
.hcjj .con2 .imgs{left: 0; right: auto;}

.course{background: url(../images/about/abbg2.jpg) no-repeat center; background-size: cover;}
.course .pagetit{color: #fff;}
.course .pagetit h3{color: #fff;}

.coursecon{max-width: 1025px; margin: 0 auto;}
.coursecon .con{position: relative; margin-bottom: 0px; display: none;}
/*.coursecon .con:first-child{display: block;}*/
.coursecon .con .text{width: 70%; background: #fff; border-radius: 4px;}
.coursecon .con .text .txt{padding: 50px 120px 50px 50px; min-height: 225px;}
.coursecon .con .text .txt h3{color: #000000; padding-bottom: 0.5em;}
.coursecon .con .text .txt p{line-height: 24px;}
.coursecon .con .imgs{position: absolute; right: 0; top: 30px; width: 37%;border-radius: 4px; overflow: hidden;}

.coursetime{margin-top: 40px;}
.coursetime .courqh{float: left; width: 52px; height: 52px; border: 1px solid #fff; background-color: rgba(0,0,0,0.5); border-radius: 100%;}
.coursetime .courqh:hover{background-color: #000000;}
.coursetime .swiper-button-disabled{opacity: 0.3; cursor: auto;}
.coursetime .courprev{background-image: url(../images/about/qh1.png); background-position: center; background-repeat: no-repeat;}
.coursetime .cournext{background-image: url(../images/about/qh2.png); background-position: center; background-repeat: no-repeat;}
.coursetime .times{float: left; width: calc(100% - 108px); color: #fff; font-size: 20px; position: relative;}
.coursetime .times:before{position: absolute; content: ''; left: 0; width: 100%; top: 27px; height: 1px; background: #ccc;}
.coursetime .times_{width: 80%; margin: 0 auto; position: relative; overflow:hidden; text-align: center;}
.coursetime .times_ span{display: block; margin: 0 auto; width: 20px; height: 54px; position: relative;}
.coursetime .times_ span:before{position: absolute; content: ''; left: 50%; top: 50%; margin-left: -4px; margin-top: -4px; width: 8px; height: 8px; background: #ccc; border-radius: 100%;}
.coursetime .times_ .cur span:before{background: #fff;}
.coursetime .times_ .cur span:after{position: absolute; content: ''; left: 50%; top: 50%; margin-left: -7px; margin-top: -7px; width: 12px; height: 12px; border: 1px solid #fff; border-radius: 100%;}
.coursetime .times_ .cur font{ display: block; width: 2em; margin: 0 auto;
	transform:scale(1.4,1.4);
	-moz-transform:scale(1.4,1.4); 
	-webkit-transform:scale(1.4,1.4); 
	-o-transform:scale(1.4,1.4);
}

.honor{background: url(../images/about/abbg3.jpg) no-repeat center; background-size: cover;}
.honor ul li{float: left; width: calc(25% - 18px); margin-left: 24px; margin-bottom: 30px;}
.honor ul li:nth-child(4n+1){margin-left: 0;}
.honor ul li a{display: block;}
.honor ul li a:hover .imgs:before{content: ''; right: 10px; bottom: 10px; background: url(../images/about/fdj1.png); width: 30px; height: 30px; position: absolute;}
.honor ul li .imgs{padding: 20px; background: #fff; position: relative;}
.honor ul li p{text-align: center; padding-top: 8px;}

.mores{text-align: center; padding-top: 20px;}
.mores a{display: inline-block; color: #666;}
.mores a img{display: inline-block;}
.mores a:hover{color: #D62230;}
.mores a.cur img,.mores a:hover img{animation: redList3 0.5s infinite linear; -webkit-animation: redList3 0.5s infinite linear;}

.tancdtu{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.75); z-index: 99; display: none;}
.tancdtu .con{position: absolute; top: 50%; left: 50%; width: 640px; padding: 20px; background: #fff;margin-left: -340px; margin-top: -269px;}
.tancdtu .con .close{position: absolute; right: -30px; top: -30px; width: 30px; line-height: 30px; font-family: simsun; font-size: 24px; text-align: center; color: #fff; cursor: pointer; }
.tancdtu .con p{font-size: 16px; text-align: center; padding-top: 8px;}

.techpro{background: url(../images/technology/bg1.jpg) no-repeat center; background-size: cover;}
.techpro .cons{}
.techpro .cons .con{border-radius:4px; overflow: hidden;}
.techpro .cons .con .img{border-radius:4px;}
.techpro .cons .con1{position: relative; background: #fff;}
.techpro .cons .con1 .img{float: right; width: 50%;}
.techpro .cons .con1 .txt{position: absolute; left: 0; top: 0; height: 100%; width: 40%; padding: 0 5%;background: #fff;border-radius:4px;}
.techpro .cons .con .txt h3{font-size: 20px; padding-bottom: 1em;}
.techpro .cons .con .txt p{color: #666; line-height: 24px;}
.techpro .cons .con2{margin-left: 60px; width: calc(33.33% - 40px); float: left; margin-top: 50px;}
.techpro .cons .con2:nth-child(3n+1){margin-left: 0;}
.techpro .cons .con2 .txt{ padding: 20px 30px; background: #fff;}
.ejnav{background: #fff; border-bottom: 1px solid #ccc; text-align: center; line-height: 49px; padding: 0 5%;}
.ejnav a{display: inline-block; margin: 0 20px; position: relative;}
.ejnav a:hover,.ejnav a.cur{ color: #D62230;}
.ejnav a:hover:before,.ejnav a.cur:before{content: ''; position: absolute; width: 2.6em; height: 3px; background: #D62230; top: 100%; left: 50%; margin-left: -1.3em; margin-top: -2px;}

.gcshik{background: url(../images/technology/bg2.jpg) no-repeat center; background-size: cover; position: relative;}
.datuxt_{overflow: hidden; padding: 90px 0;}
.datuxt{max-width: 340px; margin: 0px auto;
}
.datuxt .swiper-slide{/*margin-right: 90px;*/ transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; background: #fff;
	transform:scale(1);
	-moz-transform:scale(1); 
	-webkit-transform:scale(1); 
	-o-transform:scale(1);}
.datuxt .swiper-slide-active{ z-index: 3; box-shadow: 0 0 22px rgba(0,0,0,0.08);
	transform:scale(1.8);
	-moz-transform:scale(1.8); 
	-webkit-transform:scale(1.8); 
	-o-transform:scale(1.8);
}
.datuxt .swiper-slide img{opacity: 0.5;}
.datuxt .swiper-slide-active img{opacity: 1;}
.xiaotx{padding-top: 60px; overflow: hidden;}
.xiaotx .imgs{border: 2px solid transparent; position: relative;}
.xiaotx .swiper-slide-active .imgs{border-color: #D62230;}
.xiaotx .swiper-slide-active .imgs:before{width:0; position: absolute; content: ''; bottom: 100%; margin-bottom: 5px; left: 50%; margin-left: -4px; 
        height:0;
        border-width: 8px; border-style: solid; border-color: transparent transparent #D62230 transparent;
}
.xiaotx p{text-align: center; padding-top: 8px;}
.xiaotx .swiper-slide .imgs{background: #fff;}
.xiaotx .swiper-slide img{opacity: 0.5;}
.xiaotx .swiper-slide-active img{opacity: 1;}

.pagebanner .protit{position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center;}
.pagebanner .protits{background: rgba(250,250,250,0.5); /*width: 388px;*/ display: inline-block; margin: 0 auto; padding: 30px 20px;}
.pagebanner .protits h3{line-height: 1.2em; padding-bottom: 0.2em;  color: #e50112;}
.pagebanner .protits p{line-height: 1.2em; font-size: 18px; max-width: 29em;}

.prolist{padding-top: 0;background: url(../images/product/bg1.jpg) no-repeat center; background-size: cover;}
.prolist ul li{float: left; width: calc(25% - 23px); margin-left: 30px; margin-top: 30px;}
.prolist ul li:nth-child(4n+1){margin-left: 0;}
.prolist ul li a{display: block; border-radius: 6px; overflow: hidden;transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; background: #fff;
	transform:scale(1);
	-moz-transform:scale(1); 
	-webkit-transform:scale(1); 
	-o-transform:scale(1);}
.prolist ul li a .txt{padding: 15px;}
.prolist ul li a .txt h3{font-size: 16px; padding-bottom: 0.8em;}
.prolist ul li a .txt p{height: 5.4em; overflow: hidden; line-height: 1.8em; color: #666666;}
.prolist ul li a:hover{box-shadow: 0 0 18px rgba(0,0,0,0.1); transform:scale(1.1); 
	-moz-transform:scale(1.1); 
	-webkit-transform:scale(1.1); 
	-o-transform:scale(1.1);}
.prolist .mores{padding-top: 40px;}
.proBox{background: #f2f2f2; padding-top: 30px;}
.procon{padding: 0 30px 80px; background: #fff; margin-top: 30px;}
.Crumbs{line-height: 45px; padding-bottom: 15px; color: #949494;}
.Crumbs a{color: #949494;}
.Crumbs a:hover{color: #D62230;}
.Crumbs font{padding: 0 5px; font-family: simsun;}
.procon1{margin-top: 0;}

.propiclb{float: left; width: 42%; overflow: hidden;}
.prodt{position: relative; overflow: hidden;}
.proxt_{padding: 0 30px; margin-top: 10px; position: relative;}
.proxt{position: relative; overflow: hidden;}
.proqhs{display: none;}
.proxt_ .proqh{position: absolute; top: 50%; line-height: 36px; font-size: 30px; width: 20px; text-align: center; font-family: simsun; margin-top: -18px; z-index: 2;}
.proxt_ .proprev{left: 0;}
.proxt_ .pronext{right: 0;}
.proxt .swiper-slide .imgs{overflow: hidden; border-radius: 5px; border: 1px solid transparent; cursor: pointer;}
.proxt .swiper-slide-active .imgs{border-color: #D62230;}

.protxtlb{float: right; width: 54%;}
.protxtlb .text{padding-bottom: 40px; border-bottom: 1px solid #f2f2f2;}
.protxtlb .text .tit{line-height: 1.2em;}
.protxtlb .text .txt{padding: 15px 0; line-height: 1.8em;}
.protxtlb .text .hxsx{padding: 5px 20px; display: inline-block; background: url(../images/product/texbg1.jpg) no-repeat left center #d0d0d0; color: #fff; background-size: auto 100%;}
.protxtlb .shux{padding-top: 20px;}
.protxtlb .shux ul li{float: left; width: 42%; padding-top: 20px;}
.protxtlb .shux ul li img{float: left; padding-top: 5px;}
.protxtlb .shux ul li .txts{margin-left: 15px; float: left; width: calc(100% - 47px);}
.protxtlb .shux ul li .txts span{color: #949494;}

.procon2 .tits{font-size: 20px; display: inline-block; border-top: 1px solid #D62230; padding: 10px 0 30px;}
.procon2 .txt{line-height: 1.8em; color: #666;}
.procon3{padding: 0 !important;}
.procon3 a{display: block;}

.procon4{padding-bottom: 40px;}
.cptuij li{float: left;width: calc(25% - 18px); margin-left: 24px;}
.cptuij li:first-child{margin-left: 0;}
.cptuij li a{display: block; border-radius: 4px; overflow: hidden; text-align: center;}
.cptuij li h3{padding-top: 8px;}

.newBox{background: url(../images/news/bg1.jpg) no-repeat top center #F2F2F2; background-size: 100%; padding-top: 0;}
.itits{text-align: center; padding: 2.25em;}
.newtj{position: relative;}
.newtj .imgs{border-radius: 4px; overflow: hidden;}
.newtj .text{float: right; margin-right: 10%; background: #fff; position: relative; width: 46%; padding: 30px 5% 50px; top: -30px;border-radius: 4px;}
.newtj .text h3{font-size: 20px; width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-bottom: 0.7em;}
/*.newtj .text h3 a{color: #2C2C2C;}*/
.newtj .text p{line-height: 1.8em; font-size: 16px; color: #666666; height: 5.4em; overflow: hidden;}
.newtj .text .more{text-align: right; padding-top: 12px; }
.newtj .text .more a{color: #D62230;}
.newtj .text .time{position: absolute; right: 100%; top: 50%; background: #666; color: #fff; padding: 10px 15px; width: 60px; text-align: center;border-radius: 4px; margin-top: -47px; margin-right: -20px;}
.newtj .text .time span{display: block; font-size: 36px; line-height: 1.2em; border-bottom: 1px solid rgba(250,250,250,0.3); padding-bottom: 4px;}
.newtj .text .time font{display: block; font-size: 12px; padding-top: 8px;}
.newtj .text .time font font{display: none; padding-top: 0;}

.newlist{}
.newlist ul li{float: left; width: calc(50% - 76px - 20px); padding-right: 76px; margin-top: 40px;}
.newlist ul li:nth-child(2n){float: right;}
.newlist ul li a{display: block; position: relative; background: #fff; padding: 30px 55px 50px 30px;border-radius: 4px;}
.newlist ul li a h3{font-size: 16px; width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-bottom: 0.7em;}
/*.newtj .text h3 a{color: #2C2C2C;}*/
.newlist ul li a p{line-height: 1.8em; color: #666666; height: 5.4em; overflow: hidden;}
.newlist ul li a .more{text-align: right; padding-top: 12px; color: #D62230;}
.newlist ul li a .time{position: absolute; left: 100%; top: 40px; background: #666; color: #fff; padding: 10px 15px; width: 60px; text-align: center;border-radius: 4px; margin-left: -20px;}
.newlist ul li a .time span{display: block; font-size: 36px; line-height: 1.2em; border-bottom: 1px solid rgba(250,250,250,0.3); padding-bottom: 4px;}
.newlist ul li a .time font{display: block; font-size: 12px; padding-top: 8px;}
.newlist ul li a .time font font{display: none; padding-top: 0;}
.newlist ul li a:hover{background: #D62230; color: #fff;}
.newlist ul li a:hover p,.newlist ul li a:hover .more{color: #fff;}
.newlist .mores{padding-top: 60px;}

.newDeta{background: #F2F2F2;}
.newdetalis{width: 90%; max-width: 1200px; margin: 0 auto;}
.detailsTit{text-align: center; padding: 0% 0 2% 0;border-bottom: 1px solid #E2E2E2;margin-bottom: 4%;}
.detailsTit h1{ color: #222;font-size: 20px;font-weight: normal;margin-bottom: 2%;}
.detailsTit .times{ color: #999;font-size: 12px;}
.detailsTit .times span{ display: inline-block; margin: 0 20px;}
.detailsTit .times span img{ vertical-align: middle;}
.newbjk{font-size: 16px; line-height: 1.8em;}
.newbjk img{display: inline-block; height: auto !important; max-width: 100%;}

.pagesc{padding-top: 40px; font-size: 16px;}
.pagesc ul{width: calc(100% - 100px); float: left;}
.pagesc ul li{width: 100%; line-height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pagesc ul li span{color: #999;}
.pagesc .fh{float: right;}
.pagesc .fh a{display: block; width: 60px; line-height: 40px; background: #D62230; color: #fff; text-align: center; font-size: 16px; border-radius: 6px;}

.contact{background: url(../images/contact/bg1.jpg) no-repeat top center; background-size: cover; padding-top: 0;}
.contactBox{}
.contactBox .con{background: #fff; padding: 40px;border-radius: 4px;}
.contactBox .con .allmap1{float: left; width: 60%; height: 290px; border-radius: 4px; overflow: hidden;}
.BMapLabel{display: none !important;}
.contactBox .con .txt{float: right; width: 35%; padding-top: 6%;}
.contactBox .con .txt h3{padding: 0 0 1em; font-size: 20px;}
.contactBox .con .txt ul{color: #666; line-height: 24px;}
.contactBox .con .txt ul li span{float: left;}
.contactBox .con .txt ul li p{float: left; width: calc(100% - 5em);}
.contactBox .con:last-child{margin-top: 20px;}

.joinBox{background: #fff; border-radius: 6px; padding: 40px 60px 60px;}
.joinBox .left{float: left; width: 240px;}
.joinBox .left a{display: block; font-size: 16px; padding: 0 15px; border-radius: 4px; margin-bottom: 10px; line-height: 30px;}
.joinBox .left a:hover,.joinBox .left a.cur{background: #D62230; color: #fff;}
.joinBox .right{float: right; width: calc(100% - 300px);}
.joinBox .right .tops{padding-bottom: 15px; border-bottom: 1px solid #ccc;}
.joinBox .right .tops span{display: inline-block; padding-right: 30px; line-height: 20px; font-weight: bold;}
.joinBox .right .tops span img{display: inline-block; vertical-align: middle; padding-right: 8px;}
.joinBox .right .cons{padding-top: 30px;}
.joinBox .right .cons h3{font-size: 16px; font-weight: bold; padding-bottom: 0.5em;}
.joinBox .right .cons p{line-height: 1.8em; color: #666;}

@media screen and (min-width:1200px) {
	.pagebanner .protits h3{font-size: 36px;}

}
@media screen and (max-width:1300px) {
	.pagebanner .text{left: 3%; margin-left: 0;}
}
@media screen and (max-width:1200px) {
	.pagebanner{height: 400px;}
	.pagebanner .text{width: 60%; top: 30%; left: 20%;}
	
	.techpro .cons .con2{margin-left: 30px; width: calc(33.33% - 20px); margin-top: 30px;}
	.prolist ul li a:hover{transform:scale(1);
	-moz-transform:scale(1); 
	-webkit-transform:scale(1); 
	-o-transform:scale(1);}
	
}
@media screen and (max-width:960px) {
	.hcjj .con{margin-bottom: 30px;}
	.hcjj .con .imgs{position: relative; width: 90%; margin: 0 auto; top: 0;}
	.hcjj .con .text{width: 100%;}
	.hcjj .con .text .txt{padding: 20px !important;}
	.hcjj .con2 .text{min-height: auto;}
	.hcjj .con2{margin-bottom: 10px;}
	
	.techpro .cons .con1 .img{width: 100%;}
	.techpro .cons .con1 .txt{padding: 20px; position: relative; width: calc(100% - 40px); position: relative; float: left;}
	.techpro .cons .con .txt h3{font-size: 16px; padding-bottom: 0.4em;}
	.techpro .cons .con2 .txt{padding: 10px 20px;}
	
	.prolist ul{padding-top: 12px;}
	.prolist ul li{margin-left: 24px; margin-top: 20px; width: calc(25% - 18px);}
	.proxt_{display: none;}
	.proqhs{display: block; position: absolute; background: rgba(0,0,0,0.5); z-index: 5; width: 30px; line-height: 30px; text-align: center; color: #fff !important; font-family: simsun; font-size: 20px; top: 50%; margin-top: -15px; border-radius: 100%;}
	.pronexts{right: 5px;}
	.proprevs{left: 5px;}
	
	.propiclb{width: 100%;}
	.protxtlb{width: 100%; padding-top: 30px;}
	.protxtlb .text{padding-bottom: 20px;}
	.protxtlb .shux{padding-top: 0;}
	.procon{padding: 0 20px 30px;}
	
	.newlist ul li{width: calc(50% - 15px); padding: 0; margin-top: 20px;}
	.newlist ul li a{padding: 20px;}
	.newlist ul li a h3{padding-bottom: 0; font-size: 16px;}
	.newlist ul li a .time{position: relative; top: 0; left: 0; margin: 0; width: auto; background: none; color: #999; text-align: left; padding: 0 0 10px;}
	.newlist ul li a:hover .time{color: #fff;}
	.newlist ul li a .time span{display: none;}
	.newlist ul li a .time font{display: inline !important;}

}
@media screen and (max-width:768px) {
	.pagetit{padding-bottom: 25px; font-size: 14px;}
	
	.coursecon .con .imgs{position: relative; width: 90%; margin: 0 auto; top: 0;}
	.coursecon .con .text{width: 100%;}
	.coursecon .con .text .txt{padding: 20px; min-height: auto;}
	.coursetime .courqh{width: 40px; height: 40px;}
	.coursetime .times:before{top: 20px;}
	.coursetime .times_ span{height: 42px;}
	.coursetime .times_{font-size: 16px;}
	
	.honor ul li{width: calc(50% - 6px); margin-left: 0; margin-bottom: 20px;}
	.honor ul li:nth-child(2n){float: right;}
	.honor ul li .imgs{padding: 12px;}
	
	.tancdtu .con{width: calc(90% - 20px); padding: 10px; left: 5%; margin-left: 0; margin-top: -200px;}
	.tancdtu .con .close{right: 0;}
	.ejnav a{margin: 0 12px;}
	.pagebanner .protits{width: 250px; padding: 12px 0;}
	
	.prolist ul li{width: calc(50% - 10px); margin-left: 0;}
	.prolist ul li:nth-child(2n){float: right;}
	
	.procon{margin-top: 15px;}
	.procon2 .tits{font-size: 18px; padding-bottom: 20px;}
	.proBox{padding-top: 10px;}
	
	.newtj .text{width: calc(100% - 40px); padding: 20px; top: 0; margin-right: 0;}
	.newtj .text p{font-size: 14px;}
	.newtj .text h3{padding-bottom: 0; font-size: 16px;}
	.newtj .text .time{position: relative; top: 0; right: 0; margin: 0; width: auto; background: none; color: #999; text-align: left; padding: 0 0 10px;}
	.newtj .text .time span{display: none;}
	.newtj .text .time font{display: inline !important;}
	.itits{padding: 1.5em;}
	.newlist .mores{padding-top: 30px;}
	
	.detailsTit h1{font-size: 18px;}
	.newbjk{font-size: 14px;}
	.pagesc .fh a{font-size: 15px; line-height: 32px;}
	.pagesc ul li{line-height: 32px;}
	
	.contactBox .con{padding: 20px;}
	.contactBox .con .txt h3{font-size: 18px;}
	.contactBox .con .txt{width: 100%; padding-top: 25px;}
	.contactBox .con .allmap1{width: 100%;}
	
	.joinBox{padding: 20px;}
	.joinBox .left{width: 100%; border-bottom: 1px solid #F2F2F2;}
	.joinBox .left a{display: inline-block; margin-bottom: 10px; margin-right: 10px; font-size: 14px; padding: 0 5px; line-height: 26px;}
	.joinBox .right{width: 100%; padding-top: 10px;}
	
}
@media screen and (max-width:640px) {
	.pagebanner{height: 300px;}
	.techpro .cons .con2{width: 100%; margin-left: 0;}
	
	.datuxt_{padding: 0;}
	.datuxt{width: 100%; max-width: 100%;}
	.datuxt .swiper-slide-active{ z-index: 3;
	transform:scale(1);
	-moz-transform:scale(1); 
	-webkit-transform:scale(1); 
	-o-transform:scale(1);
	}
	.xiaotx{padding-top: 40px;}
	.protxtlb .shux ul li{width: 100%; }
	
	.procon4 .tits{padding-bottom: 0;}
	.cptuij li{width: 48%; margin-left: 0; margin-top: 20px;}
	.cptuij li:nth-child(2n){float: right;}
	.Crumbs{line-height: 40px; padding-bottom: 5px;}

}

@media screen and (max-width:480px) {
	.pagebanner{height: 160px;}
	
	.newlist ul li{width: 100%; margin-top: 20px;}

}
@media screen and (max-width:375px) {
	.prolist ul li{width: 100%;}
}
@media screen and (max-width:340px) {
	.pagebanner{height: 140px;}

}



@keyframes redList3 {
	0% {
		-webkit-transform:translateX(0) rotate(0deg);
		transform:translateX(0) rotate(0deg);
		opacity: 1;
	}
	to {
		-webkit-transform:translateX(0) rotate(-360deg);
		transform:translateX(0) rotate(-360deg);
		opacity: 1;
	}
}

@-webkit-keyframes redList3 {
	0% {
		-webkit-transform:translateX(0) rotate(-0deg);
		transform:translateX(0) rotate(0deg);
		opacity: 1;
	}
	to {
		-webkit-transform:translateX(0) rotate(-360deg);
		transform:translateX(0) rotate(-360deg);
		opacity: 1;
	}
}