/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
	float: left;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}

*{

    margin:0;

    padding:0;

}

HTML{

    overflow-x:hidden;

}

ul{

    list-style: none;

}

a{

    text-decoration: none;

}

img{

    border:none;

}

.wrap{

    width:100%;

    height:800px;



    position: relative;

    /*background: url("../images/top.jpg") no-repeat top center;*/

}



.wrap .center .center_message .center_message_left{

    float: left;

    width:260px;

    height:296px;

    margin:20px 10px 0 10px;

}

.wrap .center .center_message .center_message_left .center_message_left_bottom{

    width:260px;

    height:230px;

    background: #feffef;

    border:1px solid #ffbc57;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    -o-border-radius:5px;

    border-radius:5px;

    margin-top:15px;

}

.wrap .center_message_left .center_message_left_bottom img{

    display: block;

    float: left;

    margin:25px 10px 0 30px;

}

.wrap .center_message_left .center_message_left_bottom div{

    font-family: "Microsoft YaHei";

    float: left;

    width:180px;

    height:180px;

    margin-top:25px;

}

.wrap .center_message_left .center_message_left_bottom div h1{

    font-size:24px;

    font-weight:400;

}

.wrap .center_message_left .center_message_left_bottom div h2{

    font-weight:400;

    font-size:20px;

    color: #fe0000;

}

.wrap .center_message_left .center_message_left_bottom div span{

    display: block;

    margin: 5px 0 5px 0;

    font-size: 14px;

    line-height:22px;

    color: #a9a9a9;

}




/* Basic Grey */

.basic-grey {

    margin-left:auto;

    margin-right:auto;

    /*max-width: 500px;*/

    max-width:100%;

    background: #F7F7F7;

    padding: 15px 15px 15px 10px;

    font: 12px Georgia, "Times New Roman", Times, serif;

    color: #888;

    text-shadow: 1px 1px 1px #FFF;

    border:1px solid #E4E4E4;

}

.basic-grey h1 {

    font-size: 25px;

    padding: 0px 0px 10px 40px;

    display: block;

    border-bottom:1px solid #E4E4E4;

    margin: -10px -15px 5px -10px;;

    color: #888;

    text-align: center;

}

.basic-grey h4,h3{

    margin:0;

    padding:0;

    text-align: center;

}

.basic-grey h4 span{

    margin-left:10px;

    color:#c9302c;

}

.basic-grey h1>span {

    color:#c9302c;

    font-size: 25px;

}

.basic-grey label {

    display: block;

    margin: 0px;

}

.basic-grey label i{

    color:#c9302c;

}

.basic-grey label>span {

    float: left;

    width: 20%;

    text-align: right;

    padding-right: 10px;

    margin-top: 10px;

    color: #888;

}

.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {

    border: 1px solid #DADADA;

    color: #888;

    height: 25px;

    margin-bottom: 16px;

    margin-right: 6px;

    margin-top: 2px;

    outline: 0 none;

    padding: 3px 3px 3px 5px;

    width: 70%;

    font-size: 12px;

    line-height:15px;

    box-shadow: inset 0px 1px 4px #ECECEC;

    -moz-box-shadow: inset 0px 1px 4px #ECECEC;

    -webkit-box-shadow: inset 0px 1px 4px #ECECEC;

}

.basic-grey textarea{

    padding: 5px 3px 3px 5px;

}

.basic-grey label div{

    margin:0 auto 10px;

}

.sp{

    display: block;

}

.msg{

    border: 1px solid #DADADA;

    color: #888;

   /* height: 90px;*/

    margin-bottom: 16px;

    margin-right: 6px;

    margin-top: 5px;

    outline: 0 none;

    padding: 3px 3px 3px 5px;

    width: 62%;

    font-size: 12px;

    line-height:15px;

    box-shadow: inset 0px 1px 4px #ECECEC;

    -moz-box-shadow: inset 0px 1px 4px #ECECEC;

    -webkit-box-shadow: inset 0px 1px 4px #ECECEC;

    position: relative;

    top:0;

    left:6%;



}

.msg ul{

    padding-left: 33px;

}

.msg ul li{

    text-decoration: none;

    list-style-type: decimal-leading-zero;

    padding-left:10px;



}

.msg ul li a{

    color:#888;

    text-decoration: none;

}

.basic-grey textarea{

    height:75px;

}

.basic-grey .button {

    background: #E27575;

    border: none;

    padding: 10px 25px 10px 25px;

    color: #FFF;

    box-shadow: 1px 1px 5px #B6B6B6;

    border-radius: 3px;

    text-shadow: 1px 1px 1px #9E3F3F;

    cursor: pointer;

}

.basic-grey .button:hover {

    background: #CF7A7A;

    /*background: #E27598;*/

}

.basic-grey .reset {

    background: #3c763d;

    border: none;

    padding: 10px 25px 10px 25px;

    color: #FFF;

    box-shadow: 1px 1px 5px #B6B6B6;

    border-radius: 3px;

    text-shadow: 1px 1px 1px #9E3F3F;

    cursor: pointer;

    margin-left:18%;

}

@media screen and (max-width:750px){

    .basic-grey .reset{

        margin-left:4%;

    }

    .msg{



    }

}

.basic-grey .reset:hover {

    background: #3c764d;

}



@media screen and (max-width: 750px){

    .basic-grey .reset {

        margin-left: 1% !important;

        width: 27% !important;

        padding: 3% !important;

    }

    .basic-grey .button{

        padding: 3% !important;

        width: 27% !important;

    }

    #of h3{margin-top: 10px !important;}

}
