/*
* @Author: Marte
* @Date:   2017-09-06 23:49:44
* @Last Modified by:   Marte
* @Last Modified time: 2018-01-27 17:11:32
*/
/* 头部开始 */

#header{
      background-color: rgb(143, 84, 4);
      height: 0.95rem;
      padding-top: 0.3rem;
      overflow: hidden;
 }

.logo1{
  width: 0.74rem;
  padding-left: 0.3rem;
}
.logo1 img{
 margin-top: 0.07rem;
 width: 0.38rem;
  height: 0.32rem;
}
.search{
     width: 4.66rem;
    text-align: center;
    color: rgb(255, 255, 255);
}
.search h1{
    font-size: 0.2rem;
    margin: 0;
   line-height: 0.3rem;
   overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.lgleimu{
  width: 0.9rem;
  padding-right: 0.3em;
  }
#menu img{
  width: 0.5rem;
  height: 0.36rem;
  margin-top: 0.07rem;
}


.slow{
  position: absolute;
  right: 0.3rem;
   top: 0.8rem;
   display:none;
   z-index: 99;
   top: 0.97rem;
}
.slow li{
    background-color: black;
   opacity: 0.7;
   margin-top: 0.05rem;
   text-align: center;
   width: 2.6rem;
   height: 0.6rem;

}

.slow li a{
   color:#fff;
  display: block;
  padding: 6px 8px;
}


/* 头部结束 */

nav{
  width: 100%;
  background: url(../image/body_bg.png);
  position: relative;
  overflow: hidden;
}
 nav p{
  margin: 0;
 }
.pt-1{
  margin: 0.1rem;
  margin-bottom: 0;
  overflow: hidden;
}

.pt-1 ul{
width:100%;
text-align:center;
}
.pt-1 li:nth-of-type(1) a{
 border-radius: 5px 0 0 5px;
}
.pt-1 li:nth-of-type(1){
 float: left;
width:20%;
}
.pt-1 li:nth-of-type(2){
 float: left;
 width:30%;
}
.pt-1 li:nth-of-type(3){
 float: left;
width:15%;
}

.pt-1 li:nth-of-type(4){
 float: left;
width:34%;
margin-top: -21px;
}
.pt-1 li:nth-of-type(5){
 float: left;
 width:20%;
}
.pt-1 li:nth-of-type(5) a{
 border-radius: 0  5px  5px 0;
}
.pt-1 li a {
       display: block;
       font-size:12px;
       background-color: rgb(143, 84, 4);
       margin-left: 5px;
      margin-bottom: 5px;
      color: #fff;
}
.swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.pt-2 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(../image/right.png)!important;;
    background-size: cover!important;;
}
.pt-2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(../image/left.png)!important;;
    background-size: cover!important;;
}
nav .pt-2 .swiper-container .swiper-button-next,nav .pt-2 .swiper-container .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 0.5rem;
    height: 0.55rem;
    transform: translateY(-50%);
    z-index: 9999;
    cursor: pointer;
    margin: 0;
    -moz-background-size: 0.5rem 0.55rem;
    -webkit-background-size: 0.5rem 0.55rem;
    background-size: 0.5rem 0.55rem;
    background-position: center;
    background-repeat: no-repeat;
}



.pt-2{
  margin-top: 0.2rem;
  background-color: #fff;
  margin-left: 2%;
   width: 96%;
  height: auto;
}

.pt-2 img{
  display: block;
  width: 100%;
  height: 100%;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #905504;
}


.pt-3{
  margin: 0.2rem;
  overflow: hidden;
   padding-left: 0.2rem;
  position: relative;
  width: 6rem;


}

.pt-3 p{
  width: 3.7rem;
 float: left;
 margin: 0;
 font-size: 0.18rem;
 color: #5a5a5a;
}

.pt-3 span{
 font-weight: bold;
}
/* .pt-3 div{

}
 */

.pt-3 div a:first-child{
  background:url("../image/object-1.png") no-repeat ;
  display: block;
  background-size:100%;
   width: 2rem;
    height: 0.78rem;
     position: absolute;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom:0.8rem;
}





.pt-3 div a:last-child{
  background:url("../image/object-2.png") no-repeat;
   background-size:100%;
   width: 2rem;
    height: 0.78rem;
     position: absolute;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
}


 .pt-3 div .p1 {
       color: #fff;
       font-size: 0.2rem;
       position: absolute;
       left: 0.7rem;
       top: 0.25rem;
}
.pt-3 div .p2{
  color: #fff;
   font-size: 0.2rem;
   position: absolute;
   left: 0.1rem;
   top: 0.18rem;
 }
.png-t img{
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  left: 0.24rem;
  top: 0.25rem;
}
.png-b img{
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  left:1.5rem;
  top: 0.25rem;
}



.pt-4{
  background-color: #fff;
  margin: 0.1rem;
  padding: 0.2rem;

}
.pt-4 ul li {
    list-style: circle;
    list-style-position: inside;
}

]
.pt-4 li{
  width: 100%;
  margin-top: 0.05rem;
}

.pt-4 img{
     width: 100% !important;
    height: auto !important;
}


.text{
font-size: 0.28rem;
color: #9b5f05;
line-height: 18px;
font-weight: bold;
display: inline-block;
}


.duan{
 color: #5a5a5a;
 line-height: 24px;
 font-size: 14px;
margin: 0;
}

.pt-44 {
  background-color: #fff;
  margin: 0.1rem;
  padding: 0.2rem;

}

.pt-6{
  background-color: #fff;
  margin: 0.1rem;
  padding: 0.2rem;
  overflow: hidden;

}

.text{
  color:#9b5f05;
}

.pt-6  ul{
  width: 100%;
}
.pt-6  ul li{
  width: 47%;
    float: left;

    margin: 0 1%;
}
.pt-6 li a{
    display: block;
}
.pt-6 .pr{
   margin-left: 2%;
}
.pt-6 li img{
    width: 100%;
border: 1px solid #8f5404;
}

.pt-6 li p{
    text-align: center;
     overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}

th{
  background-color: black;
  text-align:center;
  color:#fff;
}
.am-table-striped>tbody>tr:nth-child(odd)>td, .am-table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #965f24;
    text-align:center;
   color:#fff;
       width: 50%;
  }
  .am-table-striped>tbody>tr:nth-child(even)>td, .am-table-striped>tbody>tr:nth-child(even)>th {
    background-color: #af2c32 ;
    text-align:center;
  color:#fff;
  }


.message{
 background-color: #fff;
   margin:0.1rem;
  position: relative;
  padding: 0.2rem;

   height:10.72rem;
}
.message img{
  
}
.message .mt{
  position: absolute;
   text-align: center;
   top: 0.7rem;
   padding-left: 0.6rem;
   padding-right: 0.6rem;
}
.message p{
  margin: 0;
}
.message .mt1{
    color:#9b5f05;
    font-weight: bold;
    line-height: 0.2rem;
    font-size: 0.28rem;
    margin-bottom: 0.05rem;
}
.message .mt2{
    color:#9b5f05;
    font-size: 0.16rem;

}

.message  form fieldset{
   position: absolute;
   top: 0.2rem;
   left: 0.94rem;
}


#userName{
   outline: none;
   width: 4.5rem;
    height: 0.82rem;
    font-size: 0.26rem;
    border: none;
    background: none;
    border-radius: 0.1rem;
    /*  outline: none; */
   border: 1px solid #ddd;
}

.message #email,.message #usercountry{
  margin-top: 0.28rem;
   outline: none;
   width: 4.5rem;
    height: 0.82rem;
    font-size: 0.26rem;
    border: none;
    background: none;
    border-radius: 0.1rem;
     outline: none;
      border: 1px solid #ddd;
}
#userPhone{
  margin-top: 0.28rem;
   outline: none;
   width: 4.5rem;
    height: 0.82rem;
    font-size: 0.26rem;
    border: none;
    background: none;
    border-radius: 0.1rem;
     outline: none;
      border: 1px solid #ddd;
}

.message  textarea {
  margin-top: 0.28rem;
    width: 4.5rem;

    height: 1.6rem;
    font-size: 0.26rem;
    border: none;
    background: none;
    border-radius: 0.1rem;
    outline: none;
     border: 1px solid #ddd;
}
.message .yanzheng{
   margin-top: 0.28rem;
   width: 4.5rem;
    height: 0.82rem;
    font-size: 0.26rem;
    border: none;

    border-radius: 0.1rem;
    outline: none;
}

.message .yanzheng{
   margin-top: 0.05rem;
    outline: none;
   width: 2.5rem;
    height: 0.82rem;
    font-size: 0.26rem;
     border: 1px solid #ddd;
    border-radius: 0.1rem;
    outline: none;
	
}
.message .submit{
   width: 3.9rem;
    margin-top: 0.1rem;
}
.message .submit img{
    float: left;
    width: 1.2rem;
    height: 0.5rem;
    }
.message .submit button{
    height: 0.6rem;
    float: left;
    font-size: 0.18rem;
    color:  #1b4670;
    width: 3.6rem;
    border-radius: 0.3rem;
    margin-left: 0.2rem;
    line-height: 0.5rem;
    border: 1px solid  #1b4670;
    margin-top: 0.2rem;
    }

#footer .dbphone {
    margin-top: 0.2rem;
    margin-bottom: 0;
}

#footer .banquan {
    margin-top: 0.2rem;
    margin-bottom: 0.6rem;
}

input[type='hidden']{
  display:none;
}
@media only screen and (min-width: 768px) {
	.logo1{
		width: 15%;
	}
	.search{
		width: 65%;
	}
	.lgleimu{
		width: 15%;
	}
	.pt-3{
		width: auto;
		overflow: initial;
	}
	.pt-3 p{
		font-size: 18px;
		width: 50%;
		float: initial;
	}
	.pt-3 div a:first-child{
		width: 40%;
		bottom: 40px;
		right: 0;
	}
	.pt-3 div .p1{
		font-size: 18px;
	}
	.png-t img{
		width: 20px;
		height: auto;
		top: 20px;
	}
	.pt-3 div a:last-child{
		width: 40%;
		bottom: -20px;
		height: 90px;
	}
	.pt-3 div .p2{
		font-size: 18px;
	}
	.png-b img{
		width: 20px;
		height: auto;
		top: 20px;
    right: 40px;
    left: auto;
	}
	.message  form fieldset{
		left: 0;
	}
	.message #email,.message #usercountry,#userPhone{
		width: 90%;
		height: 70px;
		font-size: 20px;
	}
	.message  textarea{
		width: 90%;
		font-size: 24px;
	}
	.message .yanzheng{
		height: 70px;
		font-size: 20px;
	}
	.message .submit button{
		width: 80%;
	}
	.pt-4{
		font-size: 20px;
		line-height: 30px;
	}
	table tr td{
		font-size: 20px;
	}
	.pt-4 span{
		font-size: 20px !important;
	}
	.slow li{
		width: 120px;
		height: auto;
	}
	.text{
		font-size: 24px;
	}
	.message .mt1{
		font-size: 24px;
	}
}
