@charset "utf-8";
/* CSS Document */
.banner{
 width:100%;
}
.banner img{
 width:100%;
}
center {
 text-align:left;
}
/*-----内容------*/
.introduction .text,.introduction .text-pic{
float:left;
}
.introduction .text{ 
width:1140px;
 }
.introduction .text p{
text-align: justify;
word-break: normal;
word-wrap: break-word;
text-indent:2em;
line-height:36px;
}
.Product{
margin-bottom:40px;
}
.pic-list{ 
 width:100%;
 height:100%;
text-align: center;
}

.pic-list li{
float: left;
margin-top:30px;
margin:30px 0 0 3%;
width:29.3%;

}
.pic-list li .product-text{
width:100%;
height:80px;
line-height:80px;
border: 1px solid #DCDFE6;
display:block;
margin-top:-1px;
}
.pic-list li img{
width:100%;
border: 1px solid #DCDFE6;
}

/*产品订购*/
.order{
 position: relative;
 margin-bottom:40px;
 padding-top:20px;
 width:100%;
 height:415px;
 text-align:left;
 background:#fff;
 border:1px solid #DCDFE6;
 box-shadow: 10px 10px 0px #F2F6FC;
}

.order:after{
    content:"";
    position: absolute;
    right:-1px;
    bottom:-1px;
    display: block;
    border: 15px solid;
    border-color:#DCDFE6 transparent transparent #DCDFE6;
}

.order:before{
    content:"";
	right:-1px;
    background:#F2F6FC;
    width:30px;
    height:30px;
    position: absolute;
    bottom:-1px;
}
.order-main{
 width:65%;
 margin:40px auto 0 auto;
}
.information1 dt{
 float:left;
 width:10%;
 height:45px;
 line-height:45px;
}
.information1 dd{
 float:left;
 width:22%;
 height:45px;
}
.information2 dt{
 float:left;
 width:10%;
 height:45px;
 line-height:45px;
}
.information2 dd{
 float:left;
 width:90%;
 height:45px;
 line-height:45px;
}
.message dt{
 float:left;
 width:10%;
 height:100px;
 line-height:100px;
}
.message dd{
 float:left;
 width:90%;
 height:100px;
}
/*表单输入样式*/
.order fieldset{
margin:30px 0;
border: medium none !important;
min-width: 100%;
padding: 0;
width: 100%;
}
.order label{
 display:inline-block;
}
.order input{
 padding:0 10px;
 width:100%;
 height:45px;
 font-size:16px;
 line-height:45px;
 box-sizing: border-box;
}
.order textarea{
 padding:10px;
 max-width:100%;
 height:100px;
 font-size:16px;
 font-family:"Microsoft YaHei";
 resize:none;
}
.order input[type="text"],.order input[type="tel"],.order textarea {
 width:100%;
 border:1px solid #DCDFE6;
 border-radius:3px;
 background:#FFF;
 box-sizing: border-box;
 margin:0 0 5px;
}
.order input[type="text"]:hover,.order input[type="tel"]:hover,.order textarea:hover {
 -webkit-transition:border-color 0.3s ease-in-out;
 -moz-transition:border-color 0.3s ease-in-out;
 transition:border-color 0.3s ease-in-out;
 border:1px solid #44B035;
}
.order input[type="text"]:focus,.order input[type="tel"]:focus,.order textarea:focus {
 width:100%;
 outline: 0;
 border:1px solid #44B035;
 border-radius:3px;
 background:#F8FCF7;
 box-sizing: border-box;
 margin:0 0 5px;
}
input:-webkit-autofill, textarea:-webkit-autofill{
-webkit-box-shadow: 0 0 0px 1000px white inset
}
/*按钮样式*/
button.submit{
 width:120px;
 color:#fff;
 line-height:45px;
 font-weight:500;	
 background: #44B035;
 border-radius:3px;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 -ms-border-radius:3px;
 -o-border-radius:3px;
}
button.submit:hover{
 opacity:.85;
 cursor:pointer;
}
button.reset{
 margin-left:10px;
 width:120px;
 line-height:45px;
 font-weight:500;	
 background: #DCDFE6;
 border-radius:3px;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 -ms-border-radius:3px;
 -o-border-radius:3px;
}
.order button:active{
 box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5);
}
.order button:focus{
 outline:0;
} 
.button{
 width:256px;
 margin:0 auto;
}
::-webkit-input-placeholder {
 color:#C0C4CC;
}
:-moz-placeholder {
 color:#C0C4CC;
}
::-moz-placeholder {
 color:#C0C4CC;
}
:-ms-input-placeholder {
 color:#C0C4CC;
}
			

/*页面布局*/
@media (max-width: 1440px) {
.order-main{
 width:75%;}
.introduction .text{ 
width:940px;
margin-top:20px;
 }
}
@media (max-width: 1366px) {
.order-main{
 width:85%;}
.introduction .text{ 
width:840px;
margin-top:20px;
 }
}
			
/*-------标题-------*/
center .title{
 margin:60px 0 40px 0;
 padding:5px 0 0 10px; 
 width:260px;
 height:90px;
 text-align:left;
 background:url(../images/title.png) no-repeat;
}
center .title h1{
 font-size:30px;
 line-height:40px;
}
center .title h4{
 font-size:20px;
 color:#44B035;
 font-weight:normal;
 text-transform:uppercase;
}