*{
    margin: 0;
    padding: 0;
}
a,a:visited{
	color:#cd3737;
	text-decoration:none;
	-webkit-transition:color 0.2s;
	-moz-transition:color 0.2s;
	-o-transition:color 0.2s;
	transition:color 0.2s;
	-webkit-transition:background 0.2s;
	-moz-transition:background 0.2s;
	-o-transition:background 0.2s;
	transition:background 0.2s;
}
.width{
    width: 100%;
}
img.width{
	display: inherit;
}
.left{
    float: left;
}
.right{
    float: right !important;
}
.text-right{
    text-align: right;
}
.white{
    color: #fff !important;
}
.painttitle{
    font-size: 30px;
    letter-spacing: 3px;
    text-align: right;
    color: #fff;
}
.videoFont{
	position: absolute;
	/*right: 110px;*/
	left: 9%;
	/* background-color: rgba(255,255,255,.1); */
	width: 24%;
	min-width: 345px;
	padding: 2px 1% 10px;
	line-height: initial;
	/*高度不定垂直居中用这个*/
	top:45%;
	transform: translateY(-50%); 
	/*下面这个问题出在兼容性上，fit-content火狐上没用，top:0,bottom:0高度会100%*/
/*	top: 0;
	bottom: 0;
	margin: auto;
 	height: fit-content;
	height: -moz-fit-content;
	height: -o-fit-content;
	height: -webkit-fit-content; */
}
.videotitle{
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #fff;
}
.videoContent{
	text-align: left;
	text-indent: 25px;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
	opacity: .5;
	padding-top: 8px;
}
.housetitle{
	font-size: 24px;
	letter-spacing: 3px;
}
.houseenglish{
	padding-right: 55px;
	font-size: 14px;
	font-weight: bold;
}
.blackblock{
	background-color: #000;
	text-align:right;
	padding: 60px 3% 60px 0;
}
.section{
    background-image: url('../img/paintdo/bg.png');
    background-size: cover;
    padding-right: 5%;
    width: 100%;
    box-sizing: border-box;
    height: 910px;
    margin-bottom: 4px;
}
.section .leftimg{
    height: 910px;
    float: left;
}
.section .shi,.homeshi{
    font-size: 22px;
    font-weight: 100;
    color: #fff;
    margin: 410px 120px 0 0;
}
.slide .homeshi{
    font-size: 18px;
    margin: 121% 100px 0 0;
}
.slide .homeshi>div{
    width: 46px;
    padding: 0 5px;
    line-height: 22px;
}
.section:not(.section5) .shi>div,.homeshi>div{
    float: right;
    padding:0 18px;
    width: 60px;
    text-align: center;
    box-sizing: border-box;
    border-left: 1px solid #fff;
}
.douhao{
    margin: -18px 0 5px 12px;
}
.homeshi>div .douhao{
    margin:-12px 0 5px 18px
}
.shu{
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}
.stamp{
    height: 120px;
    margin:20px 0 0 -10px
}
.homeshi .stamp{
    height: 91px;
}
.section2:not(.section5) .shi>div{
    width: 42px;
    padding: 0 8px;
    border: 0;
}
.product{
    position: relative;
    height: 1300px;
}
.splitbg{
    width: 100%;
    bottom: 0;
    position: absolute;
    z-index: -1;
}
.productfont{
    position: absolute;
    right: 40%;
    bottom: 170px;
    z-index: 1;
}
.productimg{
    width: 490px;
    position: absolute;
    right: 14%;
    bottom: 20px;
}
.designs{
    font-size: 30px;
    margin-right: 90px;
    letter-spacing: 3px;
}
.slidfont{
	position: absolute;
	bottom: 10%;
    /*left: 19%;*/
    left: 10%;
	text-align: left;
	font-size:1.35rem;
	letter-spacing: 3px;
	color: #fff;
}
.header-font {
    position: fixed;
	top: 0%;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	width: 100%;
    background: rgba(255,255,255,.7);
	padding:1% 0;
	z-index: 999;
}
.header-font.bottomnav{
	bottom: inherit;
	top: 5%;
}
.header-font.bottomnav ul li a{
	color: #fff;
}
.header-font ul li {
    display: inline;
    padding: 0 1% 0;
    font-size: 18px;
    margin-left: -4px;
}
.header-font ul li a {
    color: #666;
    padding: 0 0 5px;
}
.studio {
    position: absolute;
	bottom: 130px;
    /* right: 65px; */
	right: 17.5%;
    color: #fff;
}
.script{
    position: absolute;
	top: 130px;
    padding-left: 17.5%;
	box-sizing: border-box;
    padding-bottom: 5px;
    left: 0;
    color: #000;
    width: 100%;
    border-bottom: 2px solid #979797;
    text-align: left;
}
.whitescript.script{
	color: #fff;
	top: 85%;
	padding-left: 17.5%;
	border-bottom: 0;
}
.mp3{
	position: fixed;
    right: 65px;
    top: 20%;
    z-index: 999;
    width: 15px;
    height: 23px;
    text-align: center;
}
.shexian{
	background:linear-gradient(45deg, transparent 45%, #9FA0A0 45%, #9FA0A0 55%, transparent 55%);
    background:-moz-linear-gradient(45deg, transparent 45%, #9FA0A0 45%, #9FA0A0 55%, transparent 55%);
    background:-o-linear-gradient(45deg, transparent 45%, #9FA0A0 45%, #9FA0A0 55%, transparent 55%);
    background:-webkit-linear-gradient(45deg, transparent 45%, #9FA0A0 45%, #9FA0A0 55%, transparent 55%);
}
.wenjifont{
	color: #fff;
	font-size: 18px;
	line-height: 60px;
	width: 41%;
	position: absolute;
	bottom: 80px;
	right: 18.5%;
}
.wenjifont>a>div{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #fff;
}
.footer{
	position: absolute;
	bottom: 1.8%;
	line-height: 20px;
	color: #999;
	font-size: 13px;
	text-align: center;
	width: 100%;
}
/* .footersection{
	position: absolute;
	top: 30%;
	width: 65%;
	left: 0;
	right: 0;
	margin: auto;
} */
/* .homeform .input{
	float: left;
	width: 32%;
	border: 1px solid #fff;
	background-color: transparent;
}
.homeform textarea{
	margin: 8px 0 18px;
	width: 100%;
	height: 200px;
}
.homeform textarea,.homeform .input{
	border: 1px solid #fff;
	background-color: transparent;
	color: #fff;
	font-size: 16px;
}
.homeform .input:-moz-placeholder {
    color: white;
}
.homeform .input::-moz-placeholder {
    color: white;
}
.homeform .input:-ms-input-placeholder{
    color: white;
}
.homeform .input::-webkit-input-placeholder{
    color: white;
}
.homeform .send{
	width: 50%;
	text-align: center;
	font-size: 16px;
	line-height: 40px;
	margin: 0 25%;
} */
.contactbar{
	height: 1px;
	background-color: #fff;
	position: absolute;
	top: 13.5%;
	width: 19%;
}
.footertwo{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 5%;
	color: #fff;
	width: 65%;
	margin: 0 auto;
	font-size: 18px;
	line-height: 1.5;
}
.iconimg{
	width: 20px;
	padding-right: 5px;
}
.hoverimg{
	display: inline-block;
	position: relative;
}
.hoverimg{
	display: inline-block;
	position: relative;
}
.hoverimg .hoverdiv{
	width: 45px;
}
.hoverimg:hover .hovershow{
	display: block;
}
.hoverimg .hovershow{
	position: absolute;
	top: -120px;
    left: -24px;
     display: none; 
    width: 90px;
    max-width:inherit;
	transition: .2;
}
.slidefooter{
	background-image: url(../img/index/7.jpg);
	background-size: cover;
	position: relative;
	height: 650px;
}
.list_box .wenjifont a{ display: block; width: 100%; color: #fff; overflow: hidden;}
.list_box .list_til{ float: left;}
.list_box .list_time{ float: right;}