body,p,h1,h2,h3,h4,h5,h6,ul,li,figure,figcaption,ol{ margin:0; padding:0; font-style:normal; font-family:"Microsoft Yahei"; color: #333; font-size: 14px;font-weight: normal;}
body{ overflow-x: hidden;}
label{ max-width: inherit }
tr,td,dd,dl,dt{ margin:0; padding:0}
img{ border:none; vertical-align: middle;}
a{ text-decoration:none; color: #333;}
a:hover{ text-decoration: none; }
ul,li{ list-style:none}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.fl{ float: left; }
.fr{ float: right; }

.suspension{position:fixed;z-index:55;right:0;top:50%;width:70px;height:240px;    margin-top: -120px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:50px;height:50px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#c07e51;}
.suspension .a .i{float:left;width:50px;height:50px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-42px 3px;}
.suspension .a-cart .i{background-position:-84px 3px;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:0px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

.header{ position: fixed;width: 100%;top: 0;left: 0;z-index: 55 }
.header_box{ background-color: rgba(0,0,0,0.8);padding:6px 0;}
.header_top ul li{ float: right; margin-left: 32px;color: #999999 }
.header_top ul li.li3 i{ margin-left: 5px;background: url(../images/jiant.png) no-repeat center; width: 12px; height: 6px; display: inline-block; background-size: 12px;}
.header_top ul li a{ color: #999999 }
.header_top ul li a:hover{ text-decoration-line: underline; color: #c07e51}
.header_bottom{background-color: rgba(0,0,0,0.45);padding:6px 0;}
.header_bottom h1{ margin-top: -22px; }
.header_bottom h1 img{ width: 108px; }
.search{ position: relative;margin-top: 7px; }
.search input[type=text]{ border:1px solid #999999; background-color: transparent; padding:5px 10px; border-radius: 3px;color: #fff;width: 220px}
.search input[type=submit]{cursor: pointer;outline: 0;width: 20px;background: url(../images/search.png) no-repeat;position: absolute;top: 5px;right: 4px;text-indent: -999px;border: none;background-size: 17px;    height: 20px;}


.navMenu{position:absolute; left:50%; margin-left:-442px; top:46px;}
.nav >li{ float:left; position:relative; padding:0 18px; cursor:pointer;margin: 0 10px}
.nav >li:before{ content:""; width:96%; height:0; transition:328ms; background:#fff; position:absolute; left:2%; bottom:9px; opacity:0; visibility:hidden;}
.nav >li >a{ display:block; color:#fff; font-size:16px; padding-bottom:36px;line-height:1;cursor: pointer;}
.meundown{box-shadow: 0 0 3px #c5c5c5;background:#fff; position:absolute; width:132px; padding:10px 6px 10px; left:50%; margin-left:-74px; top:83px; opacity:0; transition:430ms; visibility:hidden; z-index:20;}
.meundown:before{ content:""; width:10px; height:5px; background:url(../images/arrow.png) center no-repeat; position:absolute; left:50%; margin-left:-5px; top:-5px;}
.meundown li{ position:relative;}
.meundown li:before{ content:""; width:0; height:100%; background:#c07e51; position:absolute; left:50%; top:0; transition:320ms; opacity:0;}
.meundown li a{ display:block; text-align:center; line-height:30px; color:#000000; font-size:14px; position:relative;}
.meundown li:hover a{ color: #fff }
.meundown li:hover:before{ width:100%; opacity:1; left:0;}
.nav >li:hover:before,.nav >li.current:before{ height:7px; opacity:1; visibility:visible;}
.nav >li:hover .meundown{ opacity:1; visibility:visible; top:55px;}
.ssubNav1{ display: none; }
/*moblie_nav*/
.ssubNav1 {
	padding:6px 10px;
    font-size:14px;
    cursor:pointer;
    color:#fff;
    display: none;
    cursor:pointer;
    -ms-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out s;
    -moz-transition: all 0.4s ease-in-out s;
    transition: all 0.4s ease-in-out 0s;
}
.navline {
   	width:24px;
   	height:2px;
   	border-radius:2px;
   	background-color:#795842;
   	display:block;
   	margin:6px 0;
   	-ms-transition: all 0.4s ease-in-out 0s;
   	-webkit-transition: all 0.4s ease-in-out 0s;
   	-o-transition: all 0.4s ease-in-out s;
   	-moz-transition: all 0.4s ease-in-out s;
   	transition: all 0.4s ease-in-out 0s;
}
.navline1{
   	transform:translateY(7px) rotate(45deg);
   	-ms-transform:translateY(7px) rotate(45deg);
   	-webkit-transform:translateY(7px) rotate(45deg);
   	-o-transform:translateY(7px) rotate(45deg);
   	-moz-transform:translateY(7px) rotate(45deg);
   	-ms-transition: all 0.4s ease-in-out 0s;
   	-webkit-transition: all 0.4s ease-in-out 0s;
   	-o-transition: all 0.4s ease-in-out s;
   	-moz-transition: all 0.4s ease-in-out s;
   	transition: all 0.4s ease-in-out 0s;
}
.navline2{
   	background-color:transparent;
   	-ms-transition: all 0.4s ease-in-out 0s;
   	-webkit-transition: all 0.2s ease-in-out 0s;
   	-o-transition: all 0.2s ease-in-out s;
   	-moz-transition: all 0.2s ease-in-out s;
   	transition: all 0.2s ease-in-out 0s;
 }
.navline3{
   	transform:translateY(-9px) rotate(-45deg);
   	-ms-transform:translateY(-9px) rotate(-45deg);
   	-webkit-transform:translateY(-9px) rotate(-45deg);
   	-o-transform:translateY(-9px) rotate(-45deg);
   	-moz-transform:translateY(-9px) rotate(-45deg);
   	-ms-transition: all 0.4s ease-in-out 0s;
   	-webkit-transition: all 0.4s ease-in-out 0s;
   	-o-transition: all 0.4s ease-in-out s;
   	-moz-transition: all 0.4s ease-in-out s;
   	transition: all 0.4s ease-in-out 0s;
}


.swiper-slide img {width: 100%;}
.banner .swiper-slide img:nth-of-type(1){ display: block; }
.banner .swiper-slide img:nth-of-type(2){ display: none; }

.title{ text-align: center;padding:30px 0;}
.title span{ margin: 15px 0;display: block; font-size: 24px; color: #333333;font-weight: bold;}
.title p{font-size: 16px;margin-top: 20px;color: #666;line-height: 28px; }
.contect1{ margin-bottom: 50px; }
.contect1_left h3{ font-size: 18px; color: #73411d; text-align: center; font-weight: bold;margin-bottom: 10px;}
.contect1_left small{ font-size: 14px; color: #666666; text-transform: uppercase; text-align: center;display:block; margin-bottom: 20px;}
.contect1_left p{ font-size: 16px; color: #333333;line-height: 30px;text-align: justify;text-indent: 32px; }
.contect1_right{ text-align: center; }
.contect1_right img{ max-width: 100%;}
.button_su {overflow:hidden;position:relative;display:inline-block;margin-top:30px;}
.su_button_circle {background-color:red;border-radius:1000px;position:absolute;left:0;top:0;width:0px;height:0px;margin-left:0px;margin-top:0px;pointer-events:none;/*animation-timing-function:ease-in-out;*/}
.button_su_inner {display:inline-block;background:#c07e51;color:#F4F4F4;width:100px;text-align:center;transition:400ms;height: 30px;line-height: 30px;text-decoration:none;z-index:100000;}
.button_text_container {position:relative;z-index:30;}
.explode-circle {animation:explode 0.5s forwards;}
.desplode-circle {animation:desplode 0.5s forwards;}
@keyframes explode {
	0% {width:0px;height:0px;margin-left:0px;margin-top:0px;background-color:rgba(42,53,80,0.2);}
	100% {width:400px;height:400px;margin-left:-200px;margin-top:-200px;background-color:rgba(155,82,33,0.8);}
}
@keyframes desplode {
	0% {width:400px;height:400px;margin-left:-200px;margin-top:-200px;background-color:rgba(155,82,33,0.8);}
	100% {width:0px;height:0px;margin-left:0px;margin-top:0px;background-color:rgba(129,80,108,0.6);}
}

.contect2{ background-size: cover; background-repeat: no-repeat;background-image:url(../images/bg1.jpg);padding-bottom: 70px;}
.contect2 .title span{ color: #fff; }
.contect2_box ul li{ width:25%;float: left; text-align: center;margin-bottom: 10px;}
.contect2_box ul li img{ width: 90%;height: 90%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;border-radius: 50%; }
.contect2_box ul li img:hover{box-shadow: 0px 1px 35px 0px rgba(0,0,0,0.5);transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}


.con3_menu{overflow:hidden;text-align: center;}
.con3_menu>li{margin: 0 3px 27px;cursor: pointer;position: relative;display: inline-block;width:58px; height: 63px;text-align:center;background-image: url(../images/ti_bg.png);background-repeat: no-repeat;}
.contect3_box .con3_menu .cur{background-position:0 0;}
.contect3_box .con3_menu .oth{background-position:-66px 0;}
.contect3_box .con3_menu .cur p{display: block;}
.contect3_box .con3_menu .oth p{display: none; }
.contect3_box .con3_menu li span{ background-repeat: no-repeat;background-image: url(../images/pro_hg.png); width: 38px;height: 38px;background-size: 241px;display: block; margin: 11px auto;}
.contect3_box .con3_menu li:nth-of-type(1) span{background-position: -9px 2px;}
.contect3_box .con3_menu li:nth-of-type(2) span{background-position: -55px 2px;}
.contect3_box .con3_menu li:nth-of-type(3) span{background-position: -101px 2px;}
.contect3_box .con3_menu li:nth-of-type(4) span{background-position: -147px 2px;}
.contect3_box .con3_menu li:nth-of-type(5) span{background-position: -190px 2px;}
.contect3_box .con3_menu li p{position: absolute; top: 50%;left: 0;right: 0;margin: auto;margin-top: -10px;color: #fff;font-size: 16px;}

.contect1_pro ul li{border:1px solid #ddd;width: 50%;float: left;position: relative;overflow:hidden;}
.contect1_pro ul li img{width: 100%; transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.contect1_pro ul li .text{ background-color: rgba(38,16,0,0.8);width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;transition: all 0.3s ease-in-out;}
.contect1_pro ul li .text:before{  top: 20px;left: 50%;right:0;}
.contect1_pro ul li .text:after{  bottom: 20px;left:0;right:50%;}
.contect1_pro ul li .text:before,.contect1_pro ul li .text:after{transition: all 0.3s ease-in-out; background-color: #fff;height: 2px;width: 90%;margin: auto;content: "";position: absolute; }
.contect1_pro ul li .text span{ font-size: 18px; color: #fff;text-transform: uppercase;text-align: center;display: block;margin:45px 0 10px;}
.contect1_pro ul li .text p{ color: #e9e9e9;font-size: 14px;text-align: left;width: 90%;margin: 0 auto;line-height: 26px;}
.contect1_pro ul li:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1); }
.contect1_pro ul li:hover .text{opacity: 1 }
.contect1_pro ul li:hover .text:before{ left:0;}
.contect1_pro ul li:hover .text:after{ right:0;}


.contect4{ background-image: url(../images/iuk.jpg);background-repeat: no-repeat;background-size: cover;padding:70px 0;margin-top: 70px;background-position: center;}
.contect4 input[type=text]{font-family: "Microsoft Yahei";width: 233px;border:1px solid #747170;border-radius: 3px; padding: 10px 10px 10px 40px;background-color: transparent; background: url(../images/person.png) no-repeat center left;color: #fff;background-size: 33px;}
.contect4 input[type=submit]{ -webkit-appearance: none;font-family: "Microsoft Yahei";border:1px solid #747170; background-color: rgba(0,0,0,0.28); color: #fff;padding: 9px;border-radius: 3px; margin-left: 20px}
.contect4_box{width: 410px; margin: auto;}


.cct_more {position: relative;display:block;margin:30px auto 0;width:123px;height:38px;border:#c07e51 solid 1px;line-height:24px;transition:all ease-out 200ms;-webkit-transition:all ease-out 200ms;color:#535353;}
.cctm_bg {position:absolute;width:123px;height:0;top:0px;z-index:0;background-color:#c07e51;transition:all ease-out 100ms;-webkit-transition:all ease-out 100ms;}
.cct_more span { line-height: 38px;color: #c07e51;position:relative;z-index:22;text-align: center;display: block;font-size:14px;transition:all ease-out 300ms;-webkit-transition:all ease-out 300ms;}
.cct_more:hover div.cctm_bg {height:38px;color:#ffffff;}
.cct_more:hover span {color:#ffffff;}

.contect5{ background: url(../images/white.jpg) no-repeat center;background-size: cover;padding-bottom: 70px; }
/*.contect5_left{  border:5px solid #c07e51;}*/
.contect5_box img{ width: 100%; }
.contect5_right ul li{ float: left; /* border:5px solid #c07e51;*/;width: 50%}
.contect5_right ul li img{ height: 247px; }

.footer{ background-color: #6a000e;padding:50px 0; }
.footer_left img{ max-width:100%;margin-bottom: 20px;}
.footer_left ul li{color: #fff;font-size: 16px;line-height:32px;}
.footer_left ul li i{vertical-align: middle;margin-right: 10px;background-repeat: no-repeat;display: inline-block;color: #fff;font-size: 16px;width: 19px;height: 19px;background-size: 19px;}
.footer_left ul li:nth-of-type(1) i{background-image: url(../images/icon.png); background-position: 0 0 }
.footer_left ul li:nth-of-type(2) i{background-image: url(../images/icon.png); background-position: 0 -25px }
.footer_right .one{ width: 16.6%; float: left; }
.footer_right .one h4{ color: #ffffff; font-size: 16px;margin-bottom: 10px;}
.footer_right .one ul li a{ color: #cccccc;line-height: 28px; font-size: 14px; }
.footer_right .one ul li a:hover{ color: #fff }