@charset "utf-8";

*{padding:0;margin:0;}

div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{border:0;}

img{vertical-align:top;}





ul,ol,li{list-style-type:none;}

i{font-style: normal;}

.clear { display:block; height:0; overflow:hidden; clear:both; }

.clearfix:after { content:'\20'; display:block; height:0; clear:both; }

.clearfix { *zoom:1; }

.fl{float:left; display:inline;}

.fr{float:right; display:inline;}

.hide{display:none !important;}

.show{display:block !important;}



a{text-decoration: none; color: #000;  

        -webkit-transition: all 1s cubic-bezier(.19,1,.22,1);

    transition: all 1s cubic-bezier(.19,1,.22,1);   }

a:hover{text-decoration: none;

        -webkit-transition: all 1s cubic-bezier(.19,1,.22,1);

    transition: all 1s cubic-bezier(.19,1,.22,1);}

body {

    font: 14px/1.6 '微软雅黑';

    background: #fff;

}

html,body{

    width: 100%;

    overflow-x:hidden;

}

input:focus{

    outline:0 none;

}



::after, ::before {

    -webkit-tap-highlight-color: rgba(255,255,255,0);

}

* {

    -webkit-tap-highlight-color: rgba(255,255,255,0);

     -webkit-animation-fill-mode:both !important;

     -ms-animation-fill-mode:both !important;

     -o-animation-fill-mode:both !important;

     animation-fill-mode:both !important;

}

input[type="button"], input[type="submit"], input[type="reset"] {



-webkit-appearance: none;



}



input[type="text"],input[type="password"]{

    border-radius: 0;

}



textarea {  -webkit-appearance: none;}  

















@media only screen and (min-width:769px) {

	 .wrap{

				width:1200px;

				margin: 0 auto;

	 }

	 .m_footernav{

	 	display: none;

	 }

	 .sp_header {

	 	display: none;

	 }

	  /*公共头部部分开始*/

	 .header{

  	height: 80px;

  	position: fixed;

  	top: 0;

  	left: 50%;

    transform: translate(-50%, 0);

    z-index: 999;

    background: #a89773;

    width: 100%;

  }

  .header_left{

  	width: 20%;

  }

  .header_left a{

  	display: inline-block;

  }

  .header_left a:last-child{

  	margin-left: 10px;

  }

  .header_left img{

  	vertical-align:middle;

  	width: 100%;

  }

  .header_right{

  	width: 50%;


  	

  }

  .header_nav>li{

  	margin-right: 30px;

  	float: left;
  	position: relative;

  }
   
  .header_nav .nav_father>a{

  	display: block;

  	font-size: 16px;

  	color: #fff;

  	height: 80px;

    line-height: 80px;

    text-align: center;

    box-sizing: border-box;

  }

  .language{

  	width: 20%;

  	text-align: right;

  	display: inline-block;

  	height: 90px;

  	line-height: 90px;

  }

  .language a{

  	display: block;

  	font-size: 16px;

  	color: #999;

  }

   .language i{

   	display: inline-block;

   	font-size: 20px;

   	color: #666;

   	vertical-align:middle;

      transition: all .3s;

   }

   .nav_div{
    width: 2000%;
    line-height: 80px;
    height: 80px;
    background-size: cover;
    position: absolute;
    top: 80px;
    right: 0;
    display: none;
    text-align: center;
    text-align: center;
    padding: 0 10px;

   }
   .nav_child{
   	margin-right: -10px;
   	float: right;
   }
   .nav_child>li{
   	background:#473304;
   	height: 80px;
   	line-height: 80px;
   	float: left;
   	padding: 0 10px;
   }
  
   .nav_child>li a{

   	display: inline-block;

   	font-size: 16px;

   	color: #d4b469;

   }

   .nav_grandson{

   	padding-top: 15px;

   	display: none;

   }

   .nav_grandson>li{

   	padding-bottom: 15px;

   }

   .nav_grandson>li:last-child{

   	padding-bottom: 0;

   }

   .nav_grandson>li a{

   	font-size: 14px;

   }

   .header_nav>li .active{

    border-bottom: 2px solid #fff;

   }

    .nav_childbtn>li a>i{

      display: inline-block;

      font-size:20px;

      color: #fff;

      vertical-align:middle;

      transition: all .3s;

    }

   .nav_childbtn>li .c .btn_rotate{

    transform: rotate(180deg);

   }


    .header_nav>li:hover .nav_div{
    	display: block;
    }
    .header_nav>li:hover .b{
    	 border-bottom: 2px solid #fff;
    }
	/*公共头部部分结束*/

	
	

	

	/*公共尾部部分开始*/

	.footer {

    background: #a89773;

    background-size: 100% 100%;

    position: relative;

    height: auto;

    text-align: center;

}

    .footer_link {

    padding: 60px 10% 40px 10%;

}

   .footer_link li {

    float: left;

    width: 25%;

}

  .footer_link li a {

    display: block;

}

 .footer_link li a img{

 	max-width: 100%;

 }

   .footer_link li p {

    color: #4f3904;

    padding-top: 15px;

    font-size: 18px;

}

	.footer_nav {

    color: #fff;

    font-size: 18px;

}



.footer_nav a {

    margin: 0 18px;

    color: #fff;

    font-size: 18px;

}

.footer_bq {

	border-top: 1px solid #ccc;

    margin-top: 40px;

    padding: 20px 0 15px;

}

.footer_bq p{

	font-size: 14px;

	color: #FFFFFF;

	opacity: 0.5;

	margin-bottom: 10px;

}

	

.foot_bottom {

    text-align: center;

}

.foot_bottom span, .foot_bottom a {

    font-size: 14px;

    color: #fff;

    opacity: 0.5;

}

.footer_link li:hover p{

	color: #fff;

}





.fp-tableCell .footer{

	height: 320px;

	padding-bottom: 15px;

}





.code{

	position: absolute;

	width: 200px;

    margin: -285px auto 0;

    display: none;

}

.weixin_code:hover .code{

	display: block;

}



	/*公共尾部部分结束*/

	

  

}	











@media only screen and (max-width:769px) {

.wrap{

	width: 96%;

	margin: 0 auto;

}

.sp_header{height:3rem;

overflow:hidden;

position:fixed;

z-index:10;

top: 0;

width:100%; 

z-index: 9999999999999;

background: #a89773;

padding: 0 0.5rem;

}

.sp_logo{

	padding: 0.6rem;

    height: 3rem;

    width: 24%;

    margin: 0 auto;

}

.sp_logo img{

	max-height: 2.5rem;

    margin-top: -0.35rem;

    max-width: 100%

    }

.sp_logo .black_img{

  display: inline-block;

    max-height: 2rem;

    width: 126px;

    height: 77px;

    background: url(../img/logo.png) center no-repeat;

    float: right;

    background-size: 50% 100% !important;

    margin-left: -1.5rem;

    display: none;

}

/*.sp_logo .white_img{

  background: url(../img/white_logo.png) center no-repeat;

}*/

.sp_nav{width:2.5rem;float:left;position:relative;cursor:pointer;height:1.8rem;margin-top:0.8rem}

.sp_nav img{width: 70%;}

.sp_nav .span_active{

  background: #fff;

}

.sp_nav span:nth-of-type(1){top:0px}

.sp_nav span:nth-of-type(2){top:0.6rem}

.sp_nav span:nth-of-type(3){top:1.25rem}

.sp_nav_se span:nth-of-type(1){top:0.6rem;transform:rotate(45deg)}

.sp_nav_se span:nth-of-type(2){width:0}

.sp_nav_se span:nth-of-type(3){top:0.6rem;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:9999999;width:100%;height:calc(100% - 6.5rem);font-size:1rem;line-height:2.5rem;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}

.nav_show{top:3rem}

.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}

/*.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 4.3rem)}*/

.sjj_nav>ul>li:first-child .language{float:right;width:4.3rem;overflow:hidden;line-height:1.8rem;margin-top:0.3rem}

.sjj_nav>ul>li:first-child .language a{width:2rem;float:left;border-left:0.06rem #ddd solid;text-align:center;color:#FFFFFF;}

.sjj_nav ul li i{float: right;}

.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}

.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}

.sjj_nav ul li{

border-top:0.06rem solid rgba(255,255,255,.5);

position:relative;

line-height:4rem;

font-size:1rem;

}

.sjj_nav>ul li>ul li>ul li{border-top: none; margin-left: 0;}



.sjj_nav>ul li>ul li:first-child{

  margin-left: 0;

  border-bottom: none;

  border-top: 0.06rem solid rgba(255,255,255,.5) !important;

}

/*.sjj_nav>ul li>ul li:last-child{

  border-top:0.06rem solid #333 !important;

}*/

.children>li{

  border-top: none !important;

  border-bottom: none !important;

}

.children>li:first-child{

  border-top: 1px solid #333 !important;

}

.sjj_nav>ul li>ul li>ul li:first-child{

   margin-left: 0;

  padding-left:0;

  border-top: 1px solid #333;

}

.sjj_nav>ul li>a{

	font-size: 1.2rem;

}

.sjj_nav>ul li a>i{

	

  font-size: 1.5rem;

  color: #fff;

 transition: all .3s;

 position: absolute;

    right: 3rem;

}



.sjj_nav>ul li .sjj_rotate{

  transform: rotate(180deg);

}

.father>li .sjj_active{

  color: #71cff5;

}

.fater>li .sjj_rotate{

  transform: rotate(180deg);

  color: #71cff5;

}

.sjj_nav>ul li>ul li>a{

	font-size: 1.1rem !important;

}

.sjj_nav>ul li>ul li>i{

	padding-left: 1.25rem;

}

.sjj_nav>ul li>ul li>i{

	padding-left: 0 !important;

}

.sjj_nav>ul li>ul li>ul li>a{

	font-size: 1rem;

}

.sjj_nav>ul >li:last-child{border-bottom:0.06rem #333333 solid;}

.sjj_nav ul li ul{display:none}

.sjj_nav ul li a{

	color: #fff;

    display: inline-block;

    width: 95%;

    text-align: center;

}

.sjj_nav ul li ul li a{display:inline-block;text-align:center; color: #4f3904;}

.sjj_nav ul li i svg{width:1.5rem;height:1.5rem;fill:#fff;display: none;}

.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e; display: none; }

.sjj_nav ul li ul li>ul{margin-left:0.6rem}

 

 

 .sp_header_black{

	 background-color: #a89773;

 }

 .sjj_nav>ul{

 	background: rgba(168,151,115,.98);

 }

 .m_header{

	height: 100%;

    width: 100%;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 999;

   background: rgba(0,0,0,.6);

 }

 .father>li{

 	border-top: none !important;

 }

 .m_header .first{

	 border-top: none;

 }

 

 .header{

 	display: none;

 }

 

 

 

 

 

 

 

 

 

 /*公共尾部部分开始*/

	.footer {

    background: #a89773;

    background-size: 100% 100%;

    position: relative;

    height: auto;

    text-align: center;

    padding-bottom: 15px;

}

    .footer_link {

    padding: 35px 5% 0px 5%;

}

   .footer_link li {

    float: left;

    width: 50%;

    margin-bottom:40px;

}

  /*.footer_link li a {

    display: block;

}*/

 .footer_link li a img{

 	width: 40%;

 }

   .footer_link li p {

    color: #4f3904;

    padding-top: 1rem;

    font-size: 1rem;

}

	.footer_nav {

    color: #fff;

    font-size: 1.1rem;

}



.footer_nav a {

    margin: 0 10px;

    color: #fff;

    font-size: 0.9rem;

}

.footer_bq {

	border-top: 1px solid #ccc;

    margin-top: 40px;

    padding: 20px 0 15px;

}

.footer_bq p{

	font-size: 0.9rem;

	color: #FFFFFF;

	opacity: 0.5;

	margin-bottom: 10px;

}

	

.foot_bottom {

    text-align: center;

}

.foot_bottom span, .foot_bottom a {

    font-size: 0.9rem;

    color: #fff;

    opacity: 0.5;

}



.pc_footernav{

	display: none;

}

.footer_nav{

	margin-bottom: 25px;

}

.footer_nav>div{

	margin-bottom: 5px;

}

	/*公共尾部部分结束*/

	

	.weixin_code .show{

		display: block;

	}

	.code {

     position: absolute;

    width: 100px;

    display: none;

    top: -70px;

    left: 56%;

}

 

 

 }
 



@media only screen and (max-width:1500px){
	.nav_child{
		width: 340px;
	}
}
@media only screen and (max-width:1350px){
	.nav_child{
		width: 270px;
	}
	.header_nav>li:nth-child(3) .nav_child>li {
    width: auto;
    margin: 0 4px 0 0;
   }
	.header_nav>li:last-child .nav_child>li {
    width: auto;
    margin: 0 10px 0 0;
   }
}