﻿*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,time,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:""}
table{border-collapse:collapse;border-spacing:0}
body{color:#3d4c63;background:#fff;font:14px/1.5 "Microsoft Yahei",sans-serif;outline:0}
a{color:#333;text-decoration:none}
a:hover{color:inherit}
img{max-width:100%;border:none}
em,i{font-style:normal}
table{border-collapse:collapse;border-spacing:0}
input,select,textarea{font-size:12px;color:#444;font-family:"Microsoft Yahei",sans-serif;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
button,input[type=button],input[type=reset],input[type=submit],select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus{background:#fff;border:1px solid #bbb}
.false:focus{border:2px solid #ff1531;background:#fff}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
:-ms-input-placeholder{color:#999}
::-ms-clear,::-ms-reveal{display:none}
.fix{*zoom:1}
.fix:after,.fix:before{display:block;content:"";height:0;clear:both}
.c{clear:both}
.col-l,.l{float:left}
.col-r,.r{float:right}
.ani{-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.unselect{-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}
.wp{width:96%;max-width:1200px;margin:0 auto}
.h50{height:50px;clear:both;overflow:hidden}
.h100{height:100px;clear:both;overflow:hidden}
.footer{padding:26px 0;background-color:#af967b;font-size:16px;color:#f7eedb;text-align:center;overflow:hidden}
.ban{overflow:hidden}
.ban img{display:block;width:100%}
.pro-1{padding:50px 0;overflow:hidden}
.pro1-cont{padding:32px 40px;background-color:#e9e2d7;border-radius:4px;font-size:18px;color:#886743;line-height:1.7;text-indent:2em}
.pro-2{margin-bottom:40px;overflow:hidden}
.tit-1{margin-bottom:30px;padding-bottom:14px;border-bottom:3px solid #dfdfdf;position:relative}
.tit-1:before{content:'';position:absolute;left:0;bottom:-3px;width:52px;height:4px;background-color:#c3a67e}
.tit-1 .btn{padding:0 14px;float:right;background-color:#814b11;border-radius:4px;text-align:center;font-size:16px;color:#f3ede6;line-height:34px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.tit-1 .btn i{margin:-2px 4px 0 0;display:inline-block;vertical-align:middle;width:20px;height:20px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover}
.tit-1 .btn:hover{opacity:.8}
.tit-1 h3,.tit-1 h3 a{font-size:22px;color:#a85d0d;line-height:34px;overflow:hidden}
.box-pro{position:relative}
.pro-con{overflow:hidden}
.pro-con .slider{margin:0 -10px;position:relative;overflow:hidden}
.pro-con .con{margin:0 10px;display:block;overflow:hidden}
.pro-con .pic{padding-top:58%;position:relative;background-color:#f5f5f5;overflow:hidden;}
.pro-con .pic img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.pro-con .inner{padding:20px 26px;background-color:#f5f5f5;font-size:12px;color:#6b6b6b;line-height:2;min-height: 112px;}
.pro-con .con:hover .pic img{-webkit-transform:translate(-50%,-50%) scale(1.05,1.05);-ms-transform:translate(-50%,-50%) scale(1.05,1.05);-o-transform:translate(-50%,-50%) scale(1.05,1.05);transform:translate(-50%,-50%) scale(1.05,1.05)}
.pro-sk-arrow .slick-arrow{position:absolute;top:50%;width:70px;height:70px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;background-color:transparent;border-radius:50%;outline:0;border:none;text-indent:-999px;overflow:hidden;z-index:2}
.pro-sk-arrow .slick-prev{left:-97px;background-image:url(../images/i-2.png)}
.pro-sk-arrow .slick-next{right:-97px;background-image:url(../images/i-3.png)}
.pro-con2{overflow:hidden}
.pro-con2 .slider{margin:0 -14px;position:relative;overflow:hidden}
.pro-con2 .con{margin:0 14px;display:block;overflow:hidden}
.pro-con2 .pic{padding-top:70%;position:relative;background-color:#ede7df;overflow:hidden;border: 1px #ddd solid;}
.pro-con2 .pic img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.pro-con2 .con:hover .pic img{-webkit-transform:translate(-50%,-50%) scale(1.05,1.05);-ms-transform:translate(-50%,-50%) scale(1.05,1.05);-o-transform:translate(-50%,-50%) scale(1.05,1.05);transform:translate(-50%,-50%) scale(1.05,1.05)}
.pro-sk .slick-dots{position:absolute;left:0;bottom:0;right:0;font-size:0;text-align:center;overflow:hidden}
.pro-sk .slick-dots li{margin:0 2px;display:inline-block;vertical-align:middle;width:5px;height:5px;border-radius:50%;background-color:#e9e2d7;overflow:hidden}
.pro-sk .slick-dots button{outline:0;border:none;text-indent:-999px}
.pro-sk .slick-dots .slick-active{background-color:#814b11}
.list .item{width: 25%; float: left; margin-bottom: 20px;}
.m-infor .tit{text-align:center;text-indent:0;margin-bottom:30px}
.m-infor .tit h1{font-size:18px;color:#000;line-height:28px;padding-bottom:8px;margin-bottom:8px;}
.m-infor .detail{margin-top: 20px;}
.m-infor p {
    /*text-indent: 2em;*/
    line-height: 2em;
  margin:25px 0;
  text-align: justify;
  text-justify: distribute-all-lines;
  display: block;
}
@media only screen and (max-width:1440px){
.box-pro{padding:0 35px}
.pro-sk-arrow .slick-prev{left:0}
.pro-sk-arrow .slick-next{right:0}
}
@media only screen and (max-width:1199px){
.pro-con .inner{padding:15px}
}
@media only screen and (max-width:767px){
.wp{padding:0 20px;width:100%}
.pro-1{padding:20px 0}
.pro1-cont{padding:20px;font-size:14px;line-height:1.4}
.tit-1{margin-bottom:20px;padding-bottom:10px;border-width:2px}
.tit-1:before{bottom:-2px;height:3px}
.tit-1 .btn{padding:0 10px;font-size:12px;line-height:30px}
.tit-1 .btn i{width:16px;height:16px}
.tit-1 h3{font-size:18px;line-height:30px}
.pro-2{margin-bottom:20px}
.box-pro{padding:0}
.pro-con .slider{margin:0 -5px}
.pro-con .con{margin:0 5px}
.pro-con2 .slider{margin:0 -5px}
.pro-con2 .con{margin:0 -5px}
.pro-sk-arrow{display:none}
.pro-sk .slider{padding-bottom:20px}
.footer{padding:10px 0;font-size:12px}
.list .item{width: 50%;}
}


