@charset "utf-8";
/* CSS Document */

/*首页*/
.i_pro_bg2{ background-color:#fcfcfc; }
.i_pro_t{ height:90px; overflow:hidden; line-height:90px; text-align:center; background:url(../images/i_bg1.html) center bottom no-repeat; font-size:42px; color:#333333; letter-spacing:5px; margin-bottom:3%; margin-top:1%;}
/*滚动产品与案例*/
.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; padding:5px ;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer; display:none;}
.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); display:none}
/* mouse grab icon*/
.grabbing{cursor:url(../images/grabbing.html) 8 8, move;}
/* 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);}

/* preloading images*/


/*首页产品*/
.owl-theme{  margin-top:6%; text-align:center; }
.owl-theme .owl-controls .owl-buttons{ position:absolute; top:40%; width:100%; left:0; height:0;}
.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:59px; height:90px;/*IE7 life-saver*/ text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:0;}
/*.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/i_case_left.png) no-repeat; float:left;}
.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url(../images/i_case_left_on.png) no-repeat;}
.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../images/i_case_right.png) no-repeat; float:right;}
.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url(../images/i_case_right_on.png) no-repeat; }
*/
.owl-theme .owl-controls .owl-page{ display:inline-block; display:none}

.item a { display:block}
.item{margin: 0px; padding-bottom:20px; width:100%; padding:2% 10%}
.item img{display: block;height:auto;width: 100%; margin:0 auto;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.item dd{ width:100%; margin:0 auto; max-width:424px;}
.item dd .imgs{ position:relative; width:100%; overflow:hidden;}
.item dd span a { color:#000}
.item dd span a:hover{ color:#633c27}
.item dd p { color:#666}
.item dd .imgs p{ position:absolute; width:100%; height:100%; background:url(../images/i_bg5.html) center center no-repeat; top:0; text-align:center;opacity:0; filter:alpha(opacity=0);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.item dd  h2{  font-weight:normal; color:#333; font-size:18px; line-height:22px; height:22px; overflow:hidden; margin-top:7px;}
.item dd:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.item dd:hover h2{ color:#eb6360;}
.item dd:hover .imgs p{opacity:1; filter:alpha(opacity=100);}


video { height:281px;}
.wap1 { padding-top:60px; /*position:relative;-moz-opacity:0;opacity:0;-webkit-transition:1000ms;-moz-transition:1000ms;-ms-transition:1000ms;transition:1000ms; top:120px;*/ }
.wap1 .left { width:37.6%;/*position:relative;-moz-opacity:0;opacity:0;-webkit-transition:1000ms;-moz-transition:1000ms;-ms-transition:1000ms;transition:1000ms; top:120px; left:-100px*/ }
.wap1 .left span { font-size:3rem; display:block; margin-bottom:2.5rem; font-weight:bold}
.wap1 .left p { font-size:1.3rem; margin-bottom:20px; position:relative}
.wap1 .left p b { display:inline-block; font-size:1rem; position:relative; top:-4px;}
.wap1 .left img{background-size:contain|cover;width:100%;height: auto;}
.wap1 .right {  width:57.2%;/*position:relative;-moz-opacity:0;opacity:0;-webkit-transition:1000ms;-moz-transition:1000ms;-ms-transition:1000ms;transition:1000ms; top:120px; right:-100px;*/ height:420px; overflow:hidden}
.wap1 .right .title_t span  {font-size:3rem; display:block; margin-bottom:3rem; margin-left:1.1rem;font-weight:bold}
.wap1 .right .cp_top ul li { float:left; width:12.5%; text-align:center; }
.wap1 .right .cp_top ul li.cp1 { width:30px; margin-top:10px;}

.wap1 .right .cp_index { width:100%; overflow:hidden;}
.wap1 .right .cp_index .cp_m { width:100%}
.wap1 .right .cp_top ul li a:hover { color:#1a7567}
.wap1 .right .cp_top ul li span { display:block; line-height:1.2rem;}

.wap1 .right .cp_top ul li:hover span a { color:#1a7567; border-bottom:2px solid #1a7567;}
.wap1 .right .cp_top ul li i{overflow: hidden;position: relative;display:inline-block; width:30px;height:27px;}
.wap1 .right .cp_top ul li i img{width: 100%; height: auto;position: relative;right: 0;transition: all 0.4s ease-in-out 0s;display:inline-block;}
.wap1 .right .cp_top ul li:hover i img{ right: 100%;}
.wap1 .right .cp_top ul li i b{ width: 100%;height: 100%;position: absolute; top: 0;right: -100%; transition: all 0.4s ease-in-out 0s;}
.wap1 .right .cp_top ul li:hover i b{ right: 0;}
.wap1 .right .cp_top ul li:hover i b img{right: 0%;}




.wap1 .right .cp_index .cp_tb { float:right; margin-right:1.3rem; margin-top:0.5rem;}
.wap1 .right .cp_index .cp_tb img { margin:0 5px; cursor:pointer;}
.wap1 .right .cp_index .cp_m ul li { float:left; width:30%; text-align:center; padding:3.2% 0; margin-right:2%; margin-top:4rem; margin-left:1% }
.wap1 .right .cp_index .cp_m ul li:hover img {}
.wap1 .right .cp_index .cp_m ul li span { display:block; font-size:16px; margin-top:10px;}
.wap1 .right .cp_index .cp_m ul li b { display:block;font-size:16px; font-weight:normal}
.wap1 .right .cp_index .cp_m ul li p { color:#595757; font-size:16px;}


.wap2_bg { background:url(../images/wap2_bg.jpg) top center no-repeat; padding:60px 0 ; margin-top:60px; width:100%;}
.wap2 .title_w { text-align:center ;/*position:relative;-moz-opacity:0;opacity:0;-webkit-transition:1000ms;-moz-transition:1000ms;-ms-transition:1000ms;transition:1000ms; top:120px;*/}
.wap2 .title_w span { font-size:3rem; font-weight:bold}
.wap2 .title_w p { font-size:1.6rem; margin-top:2.5rem;}
.wap2 .left { width:44.85%;/*position:relative;-moz-opacity:0;opacity:0;-webkit-transition:1000ms;-moz-transition:1000ms;-ms-transition:1000ms;transition:1000ms; top:120px; left:-200px*/}
.wap2 .left img { width:100% }
.wap2 .left .fl { width:12%; text-align:center; padding:1% 2%; background:#fff;}
.wap2 .left .fl span { font-size:17px; font-weight:bold; color:#815137}

.wap2 .left .fr { width:88%; background:#342218; padding:1.2% 2%}
.wap2 .left .fr a.a1 { float:left; width:65%; font-size:18px;  color:#fff;}
.wap2 .left .fr  span { font-size:14px; color:#fff; display:block; float:right}
.wap2 .left .fr a.a2 {font-size:14px; color:#fff;float:right}

.wap2 .right { width:55.15%;/*position:relative;-moz-opacity:0;opacity:0;-webkit-transition:1000ms;-moz-transition:1000ms;-ms-transition:1000ms;transition:1000ms; top:120px; right:-200px*/}
.wap2 .right ul li { width:40%; float:right; background:#fff; margin-left:10%}
.wap2 .right ul li img { width:100%}
.wap2 .right ul li a.a1 { font-size:14px; font-weight:bold; color:#000; line-height:18px; display:block; margin-top:1rem; padding:0 1rem}
.wap2 .right ul li b { display:block; font-size:13px; font-weight:normal; line-height:15px; color:#747474;margin-top:1rem; padding:0 1rem}
.wap2 .right ul li p  { margin-top:1rem;padding:0 1rem}
.wap2 .right ul li p span { float:right; color:#747474; font-size:13px;  }
.wap2 .right ul li p a { display:inline-block; color:#747474;font-size:13px;}
.wap2 .right ul li a:hover { color:#815137}
.wap2  .main_w { margin-top:4.5rem}
#tj_list { display:none;}

.wap2 .gd_l { text-align:center; margin-top:5rem;/*position:relative;-moz-opacity:0;opacity:0;-webkit-transition:1000ms;-moz-transition:1000ms;-ms-transition:1000ms;transition:1000ms; top:120px;*/}
.wap2 .gd_l a { font-size:1.6rem; color:#fff; display:inline-block; padding:1rem 2.5rem; background:#815137}
.wap2 .gd_l a:hover {color:#815137; background:#fff;}

.wap3 { padding:70px 0}
.wap3 .title_w { text-align:center;/*position:relative;-moz-opacity:0;opacity:0;-webkit-transition:1000ms;-moz-transition:1000ms;-ms-transition:1000ms;transition:1000ms; top:220px;*/}
.wap3 .title_w span { font-size:3rem; font-weight:bold}
.wap3 .title_w p { font-size:1.6rem; margin-top:2.5rem;}

.wap3 ul { /*position:relative;-moz-opacity:0;opacity:0;-webkit-transition:1000ms;-moz-transition:1000ms;-ms-transition:1000ms;transition:1000ms; top:220px;*/}
.wap3 ul li { width:24%; float:right; margin:0.5%;overflow:hidden;}
.wap3 ul li img { width:100%;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.wap3 ul li img {cursor: pointer;transition: all 0.6s;}
.wap3 ul li img:hover{transform: scale(1.1);}



.wap3 ul li a.a1 { font-size:14px; font-weight:bold; color:#000; line-height:18px; display:block; margin-top:1rem;}
.wap3 ul li b { display:block; font-size:13px; font-weight:normal; line-height:15px; color:#747474;margin-top:1rem;}
.wap3 ul li p  { margin-top:1rem;}
.wap3 ul li p span { float:right; color:#747474; font-size:13px;  }
.wap3 ul li p a { display:inline-block; color:#747474;font-size:13px; }
.wap3 ul li a:hover { color:#815137}
.wap3  .main_w { margin-top:4.5rem}