/* CSS Document */
.contact{ width:80%; margin:auto; padding:40px 0 40px 0;}
.contact li{ float:left; width:calc(20% - 20px); width:-moz-calc(20% - 20px); width:-webkit-calc(20% - 20px); margin:10px;}
.contact li .ico{ margin:auto; width:50px; height:50px; padding:20px 20px 20px 20px; text-align:center; border-radius:50%; -moz-border-radius:50%;  -webkit-border-radius:50%; background-color:#000000;}
.contact li .ico img{width:100%;}
.contact li .ico:hover{background-color:#FF0000;
	/*调用动画效果*/
	-webkit-animation-name: fadeIn; /*动画名称*/
	-webkit-animation-duration: 0.5s; /*动画持续时间*/
	-webkit-animation-iteration-count: 3; /*动画次数*/
	-webkit-animation-delay: 0s; /*延迟时间*/
}
.contact li .text{ text-align:center; font-size:16px; line-height:30px; padding:20px 0 20px 0;}
.contact li .img{ text-align:center;}
.contact li .img img{max-width:200px;}

.message-box{background-color:#F6F6F6; padding:20px;}
.message{ width:80%; margin:auto; padding:20px 0 40px 0;}
.message li{ float:left; width:calc(50% - 20px); width:-moz-calc(50% - 20px); width:-webkit-calc(50% - 20px); margin:5px 10px 5px 10px; padding:0 0 0 0; min-height:62px; line-height:62px; font-size:16px;}
.message li span{float:left; display:inline-block; width:80px; text-align:left;}
.message li div{float:left; width:calc(100% - 80px); width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px); font-size:14px;}
.message li div .minput{ height:48px; line-height:48px; border:1px solid #cccccc; width:calc(100% - 50px); width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); padding:0 14px 0 14px; border-radius:3px; font-size:14px; color:#666666; background-color:#fefefe;}
.message li div .minput2{ height:108px; line-height:48px; border:1px solid #cccccc; width:calc(100% - 50px); width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); padding:0 14px 0 14px; border-radius:3px; font-size:14px; color:#666666; background-color:#fefefe;}
.message li div .inputsub{ height:38px; line-height:36px; border:1px solid #71BF45; width:150px; background-color:#71BF45; border-radius:2px; font-size:18px; color:#ffffff;}
.message li div .inputsub:hover{ background-color:#1B1B1B; border:1px solid #947350;}
.message li div iframe{line-height:38px; height:50px;}
.message li div i{font-style:normal; color:#FF0000; font-weight:bold;}
.message li:nth-child(5){ height:118px; padding:5px 0 0 0;}

@media screen and (max-width:1000px){
.contact{width:calc(100% - 20px); width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px);}
.message{ width:100%;}
}

@media screen and (max-width:900px){
.contact li{width:calc(50% - 20px); width:-moz-calc(50% - 20px); width:-webkit-calc(50% - 20px);}
.contact li:nth-child(3){width:calc(100% - 20px); width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px);}
}

@media screen and (max-width:780px){
.message li{width:calc(100% - 20px); width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px);}
}

@media screen and (max-width:401px){
.contact li{width:calc(100% - 20px); width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px);}
}