.banner{height: auto;text-shadow: 0 0 43px rgba(0,0,0,0.9);}
.banner:before{content: ''; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/retinatura.png"); position: absolute;}
.banner .text p{max-width: 586px;}
/*.copyright{padding: 20px 0;}*/

.jiesc{}
.jiesc .tit{padding-bottom: 0.3em; margin-bottom: 1em; position: relative;}
.jiesc .tit:before{content: ''; position: absolute; left: 0; bottom: 0; width: 3em; height: 2px; background: #C73B46; line-height: 1.2em;}
.jiesc .txt{float: left; width: 55%; font-size: 16px; line-height: 1.8em; color: #808080;}
.jiesc .piclbs{float: right; width: 40%; overflow:hidden ; position: relative;}
.jiesc .piclbs .piction{}
.jiesc .piclbs .piction span{width: 20px; height: 5px; border-radius: 0;}
.jiesc .piclbs .piction span.swiper-pagination-bullet-active{background: #c73b46;}

.xicqbx{background: #333d47;}
.xicqbx .tit{text-align: center;padding-bottom: 0.5em; margin-bottom: 1em; position: relative; color: #fff;}
/*.xicqbx .tit:before{content: ''; position: absolute; right: 50%;left:auto; margin-right: -4.2em; bottom: 0; width: 9em; height: 1px; background: #fff; line-height: 1.2em;}*/
.xicqbx ul li{float: left; width: calc(50% - 20px); margin-top: 40px; color: #fff;}
.xicqbx ul li:nth-child(2n){float: right;}
.xicqbx ul li .ico{float: left; width: 40px;}
.xicqbx ul li .txt{float: right; width: calc(100% - 80px);}
.xicqbx ul li .txt h3{font-size: 18px; padding-bottom: 0.5em;}
.xicqbx ul li .txt p{font-size: 15px; line-height: 1.8em; height: 5.4em;}

.probtop{background: #f5f5f5; text-align: center;}
.probtop .text{max-width: 610px; width: 90%; margin: 0 auto;}
.probtop .text .tit{text-align: center;padding-bottom: 0.5em; margin-bottom: 1em; position: relative; font-weight: bold;}
.probtop .text .tit:before{content: ''; position: absolute; right: 50%; margin-right: -1.5em; bottom: 0; width: 3em; height: 1px; background: #c73b46; line-height: 1.2em;}

.cplist{}
.cplist .tit{padding-bottom: 0.3em; margin-bottom: 1em; position: relative;}
.cplist .tit:before{content: ''; position: absolute; left: 0; bottom: 0; width: 3em; height: 2px; background: #C73B46; line-height: 1.2em;}
.cplist .cons:nth-child(2n){background: #F5F5F5;}
.cplist .cons .imgs{float: left; width: 25%;}
.cplist .cons .txtqh{float: right; width: 70%;}
.cplist .cons .qhtop{border-bottom: 2px solid #ededed;}
.cplist .cons .qhtop a{display: inline-block; padding: 10px 20px; line-height: 24px; border-top: 2px solid transparent;}
.cplist .cons .qhtop a.cur{background: #EDEDED; border-color: #c73b46;}
.cplist .cons .list{padding: 20px 0 0; color: #808080; line-height: 1.8em;}
.cplist .cons .list .list0{display: none;}
.cplist .cons .list .list1{}
.cplist .cons .list .list1 a{background: #c73b46; color: #fff; padding: 0 12px; line-height: 26px; margin-right: 10px; display: inline-block;}
.cplist .cons .list .list1 a img{display: inline-block; width: 1.2em; vertical-align: middle; padding-right: 0.5em;}

.haochu{background: url("../images/bgnumber.jpg") no-repeat center; background-size: cover; background-attachment: fixed;}
.haochu .tit{text-align: center;padding-bottom: 0.5em; margin-bottom: 1em; position: relative; color: #fff;}
.haochu .tit:before{content: ''; position: absolute; right: 50%; margin-right: -1.5em; bottom: 0; width: 3em; height: 1px; background: #fff; line-height: 1.2em;}
.haochu .cons{}
.haochu .cons .con{float: left; width: calc(33.33% - 20px); margin-left: 30px; color: #fff;}
.haochu .cons .con:first-child{margin-left: 0;}
.haochu .cons .con .ts{background: #c73b46; font-size: 18px; padding: 20px;}
.haochu .cons .con .txt{padding: 30px 20px; background: rgba(0,0,0,0.5); line-height: 1.8em;}

.xgcpxl{background: #F5F5F5;}
.xgcpxl .tit{text-align: center;padding-bottom: 0.5em; margin-bottom: 1em; position: relative; font-weight: bold;}
.xgcpxl .tit:before{content: ''; position: absolute; right: 50%; margin-right: -1.5em; bottom: 0; width: 3em; height: 2px; background: #C73B46; line-height: 1.2em;}
.xgcpxl ul li{float: left; width: calc(25% - 18px); margin-top: 24px; margin-left: 24px;}
.xgcpxl ul li:nth-child(4n+1){margin-left: 0;}
.xgcpxl ul li .con{padding: 20px 10px; background: #fff; border: 1px solid #ccc;}
.xgcpxl ul li .con h3{font-size: 18px; font-weight: bold; padding: 0.5em 0;}
.xgcpxl ul li .con a{display: inline-block; padding: 0 15px; line-height: 24px; background: #C73B46; color: #fff;}

.newsbox{}
.newsbox .lefsx{float: left; width: 264px;}
.newsbox .lefsx .ss{}
.newsbox .lefsx .ss input{float: left;}
.newsbox .lefsx .ss input.txt{padding: 0 6px; border: 1px solid #ccc; border-right: 0; width: calc(100% - 63px); height: 38px; line-height: 38px;}
.newsbox .lefsx .ss input.txt:focus{border-color:#C73B46 ;}
.newsbox .lefsx .ss input.but{width:50px; height: 40px; background: #C73B46; color: #fff; border: 0; cursor: pointer;}
.newsbox .lefsx .saixu{margin-top: 40px; background: #F5F5F5; padding: 25px 30px;}
.newsbox .lefsx .saixu .tit{padding-bottom: 0.3em; margin-bottom: 1em; position: relative;}
.newsbox .lefsx .saixu .tit:before{content: ''; position: absolute; left: 0; margin-right: -1.5em; bottom: 0; width: 1.3em; height: 1px; background: #C73B46; line-height: 1.2em;}
.newsbox .lefsx .saixu ul li{line-height: 36px; font-size: 16px; position: relative; padding-left: 20px;}
.newsbox .lefsx .saixu ul li:before{content: '>'; position: absolute; left: 0; top: 0; color: #C73B46; font-size: 12px; font-family: simsun;}
.newsbox .lefsx .saixu ul li a:hover{text-decoration: underline;}
.newsbox .newlist,.newsbox .newdetal{float: right; width: calc(100% - 296px);}
.newsbox .newlist ul li{float: left; width: calc(33.33% - 18px); margin-left: 27px; margin-bottom: 27px; border-bottom: 1px solid #ccc; padding-bottom: 12px;}
.newsbox .newlist ul li:nth-child(3n+1){margin-left: 0;}
.newsbox .newlist ul li a.tp{display: block;  position: relative; max-width: 250px; margin: 0 auto;}
.newsbox .newlist ul li a.tp .pic{border-radius: 100%; border: 8px solid #fff; overflow: hidden;}
.news-date {
    position: absolute;
    right: 0;
    top: 108px;
}
.day-month {
    color: white;
    text-align: center;
    text-shadow: 1px 1px 1px #333d47;
}
.day-date {
    color: white;
    font-size: 80px; line-height: 1.2em;
    text-shadow: 1px 2px 4px #333d47;
}
.newsbox .newlist ul li a.tp:hover .news-date{opacity: 0;}
.newsbox .newlist ul li a.tp:hover .pic{border-color:#c73b46;}
.newsbox ul li .txt{padding-top: 15px; }
.newsbox ul li .txt h3{font-size: 18px; font-weight: bold; height: 3em; overflow: hidden;}
.newsbox ul li .txt p{height:96px; padding-top: 10px; line-height: 24px; overflow: hidden;}
.newsbox ul li .txt .more{padding-top: 10px;}
.newsbox ul li .txt .more a{float: right; line-height: 24px; background: #C73B46; color: #fff; padding: 0 15px;}

.newtit{padding-bottom: 15px; border-bottom: 1px solid #ccc;}
.newtit h3{padding-bottom: 0.5em;}
.newtit p{color: #999;}

.newcon{padding: 20px 0; line-height: 1.8em; color: #808080;}
.neapage{line-height: 30px;}
.neapage ul li{width: 100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.neapage ul li span{color: #999;}
.neapage ul li a{color: #C73B46;}
.neapage ul li a:hover{text-decoration: underline;}

.dowshuo .txt{color: #808080;}
.dowshuo .tit{padding-bottom: 0.3em; margin-bottom: 1em; position: relative;}
.dowshuo .tit:before{content: ''; position: absolute; left: 0; margin-right: 0em; bottom: 0; width: 1.3em; height: 1px; background: #C73B46; line-height: 1.2em;}
.dowlist{padding-top: 0;}
.dowlist ul li{float: left; width: calc(50% - 10px); margin-bottom: 40px;}
.dowlist ul li:nth-child(2n){float: right;}
.dowlist ul li .con{border-left: 5px solid #C73B46; overflow: hidden;}
.dowlist ul li .con .ico{float: left; width: 48px; padding:0 10px;}
.dowlist ul li .con .txt{float: right; width: calc(100% - 80px);}
.dowlist ul li .con .txt h3{font-size: 16px; font-weight: bold; }
.dowlist ul li .con .txt p{margin: 10px 0; line-height: 2em; height: 4em; overflow: hidden; color: #808080;}
.dowlist ul li .con .txt .more a{float: right; line-height: 24px; background: #C73B46; color: #fff; padding: 0 15px;}

.contactsm{text-align: center;}
.contactsm .txt{color: #808080; font-size: 16px; line-height: 1.8em;}
.contactsm .tit{padding-bottom: 0.3em; margin-bottom: 1em; position: relative;}
.contactsm .tit:before{content: ''; position: absolute; right: 50%; margin-right: -1em; bottom: 0; width: 2em; height: 1px; background: #C73B46; line-height: 1.2em;}

.contactBox{padding-top: 0;}
.contactBox .left{float: left; width: 367px; color: #808080; line-height: 1.8em;}
.contactBox .left h3{ font-weight: bold; color: #333;}
.contactBox .rigth{float: right; width: calc(100% - 400px); max-width: 630px;}
.contactBox .rigth .input{margin-bottom: 20px;}
.contactBox .rigth .input input{display: block; border: 1px solid #ccc; height: 38px; line-height: 38px; padding: 0 9px; width: calc(100% - 20px);}
.contactBox .rigth .textarea{margin-bottom: 20px;}
.contactBox .rigth .textarea textarea{display: block; padding: 9px;border: 1px solid #ccc; height: 138px; width: calc(100% - 20px);}
.contactBox .rigth .but{}
.contactBox .rigth .but input{display: block; height: 40px; width: 100%; border: 0; background: #16AE80; color: #fff; cursor: pointer;}

.messagg{padding-top: 0; max-width: 640px;}
.messagg .input{margin-bottom: 20px;}
.messagg .input input{display: block; border: 1px solid #ccc; height: 38px; line-height: 38px; padding: 0 9px; width: calc(50% - 30px); float: left;}
.messagg .input input:last-child{float: right;}
.messagg .textarea{margin-bottom: 20px;}
.messagg .textarea textarea{display: block; padding: 9px;border: 1px solid #ccc; height: 138px; width: calc(100% - 20px);}
.messagg .but{}
.messagg .but input{display: block; height: 40px; width: 100%; border: 0; background: #16AE80; color: #fff; cursor: pointer;}

.proimg{background: url(../images/immagineintonaco.jpg) no-repeat center; background-size: cover;}
.proimg ul li{float: left; width: 25%;}
.proimg ul li img{width: 90%; margin: 0 auto;}

.application{background: #F5F5F5; text-align: center; padding-top: 0;}
.application .tit{padding-bottom: 0.3em; margin-bottom: 1em; position: relative;}
.application .tit:before{content: ''; position: absolute; right: 50%; margin-right: -1em; bottom: 0; width: 2em; height: 1px; background: #C73B46; line-height: 1.2em;}
/*.application .row a{display: inline-block;}*/
.application .row a{display: inline-block; width: 34px; height: 34px; padding: 10px; background: #C73B46; border-radius: 100%; margin: 0 3px; overflow: hidden;}

.xgcpxls{background: #F5F5F5;}
.xgcpxls .tit{padding-bottom: 0.3em; margin-bottom: 1em; position: relative; text-align: center;}
.xgcpxls .tit:before{content: ''; position: absolute; right: 50%; margin-right: -1em; bottom: 0; width: 2em; height: 1px; background: #C73B46; line-height: 1.2em;}
.xgcpxls ul li{float: left; width: calc(33.33% - 14px); margin-left: 21px; margin-bottom: 10px;}
.xgcpxls ul li:nth-child(3n+1){margin-left: 0;}
.xgcpxls ul li a{display: block;}
.xgcpxls ul li .imgs{width: 34px; height: 34px; padding: 10px; background: #C73B46; border-radius: 100%; overflow: hidden; display: inline-block; vertical-align: middle;}
.xgcpxls ul li span{line-height: 54px; margin-left: 8px; font-size: 16px;}

.xztc{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); display: none;}
.xztc .con{top: -370px; left: 50%; margin-left: -300px; padding: 0px 0; width: 600px; border-radius: 10px; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.15); position: absolute;}
.xztc .con.cur{top: 20px;transition:0.4s; -webkit-transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s;}
.xztc .con .tit{line-height: 60px; padding: 0 12px; position: relative; border-bottom: 1px solid #ccc;}
.xztc .con .tit a{position: absolute; right: 12px; top: 0;}
.xztc .con p{padding: 12px 12px 0; color: #666;}
.xztc .con .input{padding: 12px 12px 0;}
.xztc .con .input input{display: block; width: calc(100% - 20px); height: 40px; line-height: 40px; padding: 0 9px; border: 1px solid #ccc;}
.xztc .con .check{padding: 12px; line-height: 20px;}
.xztc .con .check input{vertical-align: middle; display: inline-block; margin-bottom: 3px;}
.xztc .con .check a{display: inline-block; margin-left: 5px; color: #c73b46;}
.xztc .con .but{padding: 12px; border-top: 1px solid #ccc; text-align: center;}
.xztc .con .but a{display: inline-block; margin: 0 10px; line-height: 38px; border: 1px solid transparent; padding: 0 20px;}
.xztc .con .but a.tj{border: 1px solid #c73b46; color: #c73b46;}
.xztc .con .but a.tj:hover{color: #fff; background: #c73b46;}
.xztc .con .but a.gb:hover{background: #eee;}


@media screen and (max-width:1200px) {
	.haochu{background-attachment: initial;}
	.day-date{font-size: 40px;}
	.news-date{bottom: 15px; top: auto;}

}
@media screen and (max-width:960px) {
	.xicqbx ul li{width: 100%;}
	.xicqbx ul li .txt p{height: auto;}
	
	.xgcpxl ul li .con h3{font-size: 16px;}
	
	.newsbox .newlist{width: 100%;}
	.newsbox .newlist ul li{margin-top: 27px; margin-bottom: 0;}
	.newsbox .lefsx{width: 100%;}
	.newsbox .lefsx .saixu{margin-top: 12px;}
	.newsbox .lefsx .saixu ul li{font-size: 14px;}
	.newsbox ul li .txt h3{font-size: 16px;}
	
	.newsbox .newdetal{width: 100%; margin-top: 30px;}
	.banner img#subhead{height: 400px; max-width: initial;}
	.xgcpxls ul li{width: calc(50% - 10px); margin-left: 0;}
	.xgcpxls ul li:nth-child(2n){float: right;}
}
@media screen and (max-width:768px) {
	.cplist .cons .imgs{width: 100%;}
	.cplist .cons .txtqh{width: 100%; padding-top: 30px;}
	
	.haochu .cons .con{width: 100%; margin-top: 20px; margin-left: 0;}
	
	.xgcpxl ul li{width: calc(50% - 10px); margin-left: 0;}
	.xgcpxl ul li:nth-child(2n){float: right;}
	
	.dowlist ul li{width: 100%;}
	.dowlist ul li .con .txt p{height: auto;}
	
	.contactsm .txt{font-size: 14px;}
	.contactBox .left{width: 100%;}
	.contactBox .rigth{width: 100%; max-width: initial; margin-top: 30px;}
	
	

}
@media screen and (max-width:640px) {
	.newsbox .newlist ul li{width: calc(50% - 14px); margin-top: 20px; margin-left: 0;}
	.newsbox .newlist ul li:nth-child(2n){float: right;}
	
	.xztc .con{width: 90%; left: 5%; margin-left: 0;}
}
@media screen and (max-width:480px) {
	.jiesc .piclbs{width: 100%;}
	.jiesc .txt{width: 100%; padding-top: 25px; font-size: 14px;}
	.xgcpxl ul li{width: 100%;}
	.messagg .input{margin-bottom: 0;}
	.messagg .input input{width: calc(100% - 20px); margin-bottom: 10px;}
	
	.xgcpxls ul li{width: 100%; }
	.xgcpxls ul li a{max-width: 280px; margin: 0 auto; font-size: 14px;}
	.xgcpxls ul li a span{font-size: 14px;}
	
	.xztc .con .but a{padding: 0 10px; margin: 0 5px;}
	.xztc .con .tit{line-height: 50px;}
	.xztc .con .input input{height: 34px;}
	.xztc .con .but a{line-height: 34px;}
	
	

}
@media screen and (max-width:375px) {
	
}