*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}

/*body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体"}*/

/* slider-nav */
.slider-nav{
	/*width:800px;*/
	height:70px;
	overflow:hidden;
	margin:0 auto;}
.slider-nav li{

	float:left;
	margin:0 20px 0 20px;
	display:inline-block;
	width:150px;
	text-align:center;
	font-size:20px;
	color:#333;
	height:45px;
	line-height:34px;
	overflow:hidden;
	padding:10px 0 0 0;

	text-decoration:none;
    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;
}

#demo01{position:relative;margin-top:20px;}


.product_show{

      /*background-image: url(../images/3.jpg);*/
  display: flex;
  justify-content: center;
  align-content: center;
  position: relative;
  position:relative;
  overflow:hidden;
  margin:0 auto;
}
#exchange_buttons{
    padding-top:66px;
    margin-left:-350px;
}
.left_navigator{width: 100px;
  padding: 128px 100px 20px 350px;
  }
#num2{
    padding-top:16px;
}
#num3{
    margin-top:32px;
}
#num4{
    padding-top:48px;
}
#num5{
    padding-top:64px;
}
.product_list{
  padding: 0px 0px 20px 30px;
  display: flex;
  justify-content: center;
  align-content: center;
  margin-left: 55px;}

.ul_list{
  display: flex;
  justify-content: center;
  align-content: center;
  height: auto;
}
.ul_list li:hover{
	border-bottom: 2px solid #1bba82;

	}
.slider-nav a:hover {
    text-decoration: none;
    background-repeat: no-repeat;
    color: #18A367;
    line-height: 10px;
}
.ul_list1{
  display: flex;
  justify-content: center;
  align-content: center;
  margin-top: 100px;
  height: auto;
}

.ul_list2{
  display: flex;
  justify-content: center;
  align-content: center;
  margin-top: 100px;
  height: auto;
  background-color: rgba(0,0,0,0.1)
}

.ul_list3{
  display: flex;
  justify-content: center;
  align-content: center;
  height: auto;

}

#exchange{
          position: relative;
          width:1000px;
          height:476px;
          overflow:hidden;
          margin-top: 10px;
          margin-left: 132px;
         }

#exchange_list{
            width:7000px;
            height:430px;
            position:absolute;
            z-index:1;
            margin-top: 50px;
            }

#exchange_list img{
    float:left;
    /*padding-top:16px;*/
    margin-top:-20px;
}

#exchange_buttons .on{padding: 10px 0 10px 100px;

                      height:60px;}

.left_navigator p{
          padding: 10px 0 10px 0;
          height:60px;


}


.picture{
             width:530px;
             text-align: right;
             align-content: center;
             margin-right: 100px;


}
.picture1{
             width:730px;
             text-align: right;
             align-content: center;
             margin-right: 30px;


}
.text{
      width:550px;
      font-size: 20pt;
      color:#1bba82;
      text-align: left;
      margin-top: 150px;
      line-height:100px;
}

.text1{
      width:450px;
      font-size: 20pt;
      color:#1bba82;
      text-align: left;
      margin-top: 150px;
      line-height:27px;
}


.shunfengche{

    height:570px;

    display: flex;
    justify-content: center;
    align-content: center;


}

.left{
  width:550px;
  height:520px;
  background-color:RGBA(255,255,255,0.4);
  margin-right: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
  color:#1bba82;
  font-size: 20pt;
  line-height: 50px;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-grow:column;

}

.left ul{
  display: flex;
  justify-content: center;
  align-content: center;
  flex-grow:column;

}
.ul_list3{
    display: flex;
    justify-content: center;
    align-content: center;
    height: auto;

}




.right{
  width:550px;
  height:520px;
  background-color:RGBA(255,255,255,0.4);
  margin-left: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
}


.new_ul{

  margin-bottom: 100px;
}
.superiorityProduct {
    padding: 50px 0 20px 0;
    /*background-image: url(../img/unitbg.jpg);*/
    background-repeat: repeat-y;
    background-size: 100% 100% !important;
    padding-top:100px;
}
.superiorityProduct .title {
    justify-content: center;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
}
.superiorityProduct .title span {
    color: #1bba82;
}
.superiorityProduct .title p {
    font-size: 17px;
    color: #5B5B5B;
    padding-top:10px;
}
.superiorityProduct ul {
    display: flex;
    justify-content: center;
    align-content: center;
    padding: 35px 0 0 0;
    justify-content: space-between;
}
.superiorityProduct ul li {
    text-align: center;
    margin: 0 25px;
}


.superiorityProduct ul li a {
    display: block;
    width: 180px;
    height: 180px;
    margin: 0 auto;
}
.superiorityProduct ul li a img {
    width: 100%;
    height: auto;
}
.superiorityProduct ul li h3 {
    padding: 15px 0;
    font-weight: bold;
}
.superiorityProduct ul li p {
    font-size: 14px;
    text-align: left;
}
.superiorityProduct ul li:first-child {
    margin-left: 0;
}
.superiorityProduct ul li:last-child {
    margin-right: 0;
}
.arrow{cursor:pointer; display:none; line-height:35px; text-align:center; font-size:40px;

    font-weight:bold; width:40px; height:40px;  position:absolute; z-index:2; top:270px;

    background-color: RGBA(0,0,0,0.3); color:#fff;}

.arrow:hover{background-color:RGBA(27,186,130,0.7);}

#carrousel:hover .arrow{display:block;}

#prev{left:300px;}

#next{right:350px;}

#prev1{left:0px;}

#next1{right:350px;}
@media only screen and (max-width:768px) {
    .product_show{
        display:none;
    }
    .left-grid h4 {
        font-size: 12pt;
        /* padding: 5.5em 0; */
        /* color: #000; */
        text-transform: capitalize;
        /* font-weight: 600; */
        line-height: 51px;
        color: #1bba82;
    }
}
@media only screen and (max-width:684px) {
    .left-grid h4 {
        font-size: 11pt;
        /* padding: 5.5em 0; */
        /* color: #000; */
        text-transform: capitalize;
        /* font-weight: 600; */
        line-height: 81px;
        color: #1bba82;
        margin-left:48px;
    }
    #left4 {
        width: 105%;
    }
    #right3{
        margin-left:-1em;
    }
    #left6 {
        width: 114%;
    }
    #right7 {
        width: 148%;
    }
}
@media only screen and (max-width: 480px) {
	#left6 {
    width: 98%;
}
#right7 {
    width: 126%;
}
#third6 {
    width: 90%;
    height: 100%;
    margin-top: 6em;
}
#third7 {
    width: 107%;
    height: 90%;
    /*margin-top: 11em;
    margin-bottom: 11em;*/
   margin-left:-19px;
}
}
/*@media only screen and (max-width:992px) {*/
    /*.left-grid h4 {*/
        /*font-size: 22pt;*/
        /*!* padding: 5.5em 0; *!*/
        /*!* color: #000; *!*/
        /*text-transform: capitalize;*/
        /*!* font-weight: 600; *!*/
        /*line-height: 88px;*/
        /*color: #1bba82;*/
    /*}*/
    /*#left4 {*/
        /*width: 98%;*/
    /*}*/
/*}*/
@media only screen and (max-width:480px) {
    #left4 {
        width: 100%;
        height: 100%;
    }
    /*#right7 {*/
        /*margin-bottom: -13em;*/
        /*width: 148%;*/
    /*}*/
    #thirdRight2 {
        width: 111%;
        float: none;
        margin-left: -150px;
        margin-top: 50px;
    }
}