﻿*{ padding:0px; margin:0px; list-style-type: none; outline:none; }
a {
    color: #000;
	text-decoration: none;
    background-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
}


.section{ background: #efefef; padding: 80px; }
.section .container {  margin: 0 auto;  padding: 60px; width: 1200px;  background: #fff;}
.section-title {  text-align: center; margin-bottom: 50px;}
.section-title p { color: #fff; font-size: 35px;   color:#000;}

.section.section_yp{ padding:0; background: #fff; }
.section.section_yp .container{ width:100%; padding:0; }

.message .tit { display: block; max-width: 100%; height: auto; margin: 0 auto;}


.clearfix:before, .clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}
.message li {
    float: left;
    width: 48%;
    margin-top: 30px;
}
.message li input {
    display: block;
    font-size: 16px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 300px;
    font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
}


.section .container .jm_er{ text-align:center; margin-top:50px; }
.section .container .jm_er h2{ color: #f46f0c; margin-bottom:20px; }


.section.section_yp{ margin-top: 30px;  border-top: 1px solid #e6e6e6f1;  padding-top: 25px; }
.section.section_yp .message li input{ width:100%; box-sizing: border-box; }
.section.section_yp .message li textarea{ width:100%; box-sizing: border-box; }
.section.section_yp .message{ overflow:hidden; }
.section.section_yp .message ul{ width:70%; float:left; display:none; }
.section.section_yp .erm{ width:20%; margin-top: 30px; }

.section.section_yp .section-title{ margin-bottom:0px; text-align:left; font-size: 24px; }
.section.section_yp .section-title p{font-size: 25px;  font-weight: bold; color: #4B4948!important;}

.section.section_yp .erm img{  width:100%;}
.message li:nth-of-type(even) {
    float: right;
}
.clearfix:after {
    clear: both;
}
.message li.textarea {
    width: 100%;
}
.message li textarea {
    display: block;
    font-size: 16px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 620px;
    font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
}
.message li a {
    display: block;
    text-align: center;
    font-size: 22px;
    padding: 5px;
    border: 1px solid transparent;
    border-radius: 5px;
    background-color: #f46f0c;
    color: #fff;
    cursor: pointer;

}
.message li:last-child{ width:100%; }


.section .shenm {  margin: 0 auto;  padding: 60px; width: 1200px;  background: #fff; text-align: center;}
.section .shenm h2{ margin-bottom:20px; display:none; }
.section .shenm p{ display:none; }


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

	body {
	    min-width: auto;
	}
	
	.section{  padding: 0; }
	.section .shenm {  margin: 0 auto;  padding: 20px;  padding-top: 0;   width: 100%;  box-sizing: border-box; background: #fff;  text-align: center;     padding-bottom: 0;}
	.section .shenm p{olor: #898989;  line-height: 20px;  font-size: 14px;}

	.section.section_yp .section-title p{ font-size:16px; }
	.section.section_yp .erm{ width:40%; }
	
	.section { background:#fff;padding: 30px 0px; }
	.section .container{ margin: 0 auto;  width: 90%;  box-sizing: border-box;    padding: 0; }
	.section-title{ margin-bottom:30px; }
	.section-title p{ font-size:20px; }
	.message li{ margin-top: 20px;width: 100%; }
	.message li input{ box-sizing: border-box; width: 100%; font-size: 14px;  padding: 10px; }
	.message li textarea{ width:100%; box-sizing: border-box;  font-size: 14px;  padding: 10px;}
	
	.message li a{ font-size:16px;}
	.section .container .jm_er{ margin-top: 20px; }
	.section .container .jm_er img{ width:80%; }
	.section .container .jm_er h2{ font-size:20px; }
	
}

form .submit {
    top: 10px;
    display: block;
    text-align: center;
    padding: 5px;
    border: 1px solid transparent;
    border-radius: 5px;
    background-color: #f46f0c;
    cursor: pointer;
    width: 100%!important;;
}
        .box {
            width: 100%;
            overflow: hidden;
            color: #fff;
            white-space: nowrap;
        }
        .content-1 {
            animation: move 10s linear infinite;
            display: inline-block;
            cursor: pointer;
        }
        .content-2 {
            animation: move 10s linear infinite;
            display: inline-block;
            cursor: pointer;
        }
        .content-3 {
            animation: move 10s linear infinite;
            display: inline-block;
            cursor: pointer;
        }
		.kuang{
			line-height: 40px;
			border-radius: 10px;
			align-items: center;
			background: rgb(230, 50, 46);
			cursor: pointer;
			font-size: 14px;
			padding: 5px;
			margin-left: 10px;
			transform: translate(20px, 10px);
			color: #fff;
		}
		.back-1{
			background: rgb(230, 50, 46);
		}
		.back-2{
			background: rgb(248, 139, 57);
		}