@charset "utf-8";

/*引入字体*/
@font-face {
 font-family: 'PristinaRegular';
 src: url('Pristina.eot');
 src: local('Pristina Regular'),
        local('Pristina'),
        url('Pristina.woff') format('woff'),
        url('Pristina.ttf') format('truetype'),
        url('Pristina.svg#Pristina') format('svg');
}

/*css reset*/
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer{margin:0;padding:0}

h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal; margin: 0; padding: 0;}
ul,ol{list-style:none}
a{text-decoration:none;color:#1a1a1a; cursor: pointer;}
a:hover, a:active, a:focus{color:#1c5aa2;text-decoration: none;}
a:active{color:#aaa;}
img{border:0;-ms-interpolation-mode:bicubic; display: block;}
button,input,select,textarea{font-size:100%; vertical-align:middle; outline:none;}
textarea{resize:none}
button,input[type="button"],input[type="reset"],input[type="submit"] {cursor:pointer;-webkit-appearance:button;-moz-appearance:button}
input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder {color:transparent}
button::-moz-focus-inner,input::-moz-focus-inner { padding:0; border:0}

.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
.show{display: block;}
.clear { clear:both;}
.img_auto{ display: block; max-width: 100%; margin: 0 auto;}
.img_box_auto {text-align: center; display: table-cell; vertical-align:middle;}
.img_box_auto img { max-height: 98%; max-width: 98%; }
.img_max { max-height: 100%; max-width: 100%; }
.box { position:relative; width:100%; min-width:1100px; max-width:1440px; _width:expression_r(document.body.clientWidth < 1100? "1100": "100%" ); margin:0 auto;}
.mar1200 { width: 1200px; margin: 0 auto;}

.banner img { display: block; width: 100%;}

.index_main_box { background: url(../images/3.jpg) repeat-y; background-size: 100% auto;}
.index_main .zone { width: 1100px; margin: 0 auto;}
.index_main .zone .part1 { width: 1000px; margin: 0 auto; padding-left: 110px; position: relative; padding-bottom: 80px; background: url(../images/7.png) no-repeat right bottom;}
.index_main .zone .part1 .left { position: absolute; left: 0; top:0;}
.index_main .zone .part1 .p_zone { text-indent: 28px; margin: 20px 0; font-size: 15px; line-height: 22px; color: #5d3512;}
.index_main .zone .part1 .cell { color: #573d26;  font-size: 16px; width: 50%; float: left; line-height: 40px;}
.index_main .zone .part1 .cell img { margin-right: 5px;}
.index_main .zone .part2 { width: 1000px; margin: 0 auto; padding-bottom: 50px; background: url(../images/5.jpg) no-repeat bottom; background-size: 100% auto;}
.index_main .zone .part2 h3 { font-size: 24px; line-height:70px; color: #5d3512;}
.index_main .zone .part2 h3 img { float: left;}
.index_main .zone .part2 .cell_box .img_box { width: 345px;}
.index_main .zone .part2 .cell_box .img_box img { max-width: 100%;}
.index_main .zone .part2 .cell_box .left { width: 630px;}
.index_main .zone .part2 .cell_box .left .cell h4 { font-size: 34px; margin:25px 0 10px; font-weight: bold; color: #5d3512;opacity:0.2;}
.index_main .zone .part2 .cell_box .left .cell { font-size: 14px; line-height: 24px; color: #903226;}
.index_main .zone .part2 .cell_box .left .cell span { padding: 0 5px; font-size: 24px;}
.index_main .zone .part3 { width: 1000px; margin: 0 auto;}
.index_main .zone .part3 .left { width: 56%;}
.index_main .zone .part3 .right { width: 40%; float: right; padding-top: 70px;}
.index_main .zone .part3 img { max-width: 100%; margin: 0 auto;}
.index_main .zone .part4 { width: 1000px; margin: 0 auto; margin: 30px auto;}
.index_main .zone .part4 .left { width: 654px;}
.index_main .zone .part4 .left img { max-width: 100%; margin: 0 auto;}
.index_main .zone .part4 .right { width: 300px; float: right; padding-top: 20px;}
.index_main .zone .part4 .right h3 { font-size: 24px; color:#5d3512; line-height: 28px; margin-bottom: 10px;}
.index_main .zone .part4 .right .cell { color: #5d3512; font-size: 14px; line-height: 20px;}
.index_main .zone .part4 .right .cell span { padding: 0 5px; font-size: 24px;}
.index_main .zone .part5 { margin-top: 50px; padding-bottom: 50px; background: url(../images/5.jpg) no-repeat bottom;}
.index_main .zone .part5>img { display: block; margin: 0 auto; margin-bottom: 40px;}
.index_main .zone .part5 .cell_box { width: 268px; height: 191px; margin-left: 5px; float: left;}
.index_main .zone .part5 .cell { width: 268px; height: 191px;text-align: center; display: table-cell; vertical-align:middle; background: url(../images/6.jpg) no-repeat center;}
.index_main .zone .part5 .cell img { display: block; margin: 0 auto;  max-width: 236px; max-height: 154px;}
.index_main .zone .part5 .cell_box.one { margin-left: 0;}
.index_main .zone .part6 {width: 1000px; margin: 0 auto;  padding-top: 40px;}
.index_main .zone .part6>img { display: block; margin: 0 auto; margin-bottom: 40px;}
.index_main .zone .part6 .left { width: 550px; padding: 20px 0; padding-right: 20px; color: #5d3512; background: url(../images/16.png) no-repeat right; font-size: 14px; line-height: 24px;}
.index_main .zone .part6 .left span { color: #8d211c;}
.index_main .zone .part6 .left img { max-width: 100%; display: block; margin: 0 auto;}
.index_main .zone .part6 .right { width: 420px; float: right;}
.index_main .zone .part6 .right img { max-width: 100%; margin: 0 auto;}
.index_main .zone .part7 { text-align: center; padding-top: 30px; width: 1000px; margin: 0 auto;  padding-top: 40px;}
.index_main .zone .part7>img { display: block; margin: 0 auto; margin-bottom: 40px;}

.sf_top_box img { width: 100%;}
.join_form .t_white {    color: #5d3512;
    font-size: 14px;}