/*固定*/

/*banner开始*/

.main {  width: 100%;  }

.main .banner {  width: 100%;  font-size: 0;  position: relative;  }

.main .banner img {  width: 100%;  }

.main .banner .subnav {  width: 100%;  background-color: rgba(0, 0, 0, .5);  position: absolute;  left: 0;  bottom: 0;  }

.main .banner .subnav .center {  width: 1200px;  margin: 0 auto;  font-size: 0;  position: relative;  }

.main .banner .subnav ul {  width: 100%;  }

.subnav ul > .bor_rig {  border-right: 1px solid #949494;  }

.main .banner .subnav ul > li {  width: 20%;  box-sizing: border-box;  text-align: center;  padding: 15px 0;  font-size: 18px;  display: inline-block;  }

li.yellow {  background-color: #e59231;  }

.main .banner .subnav ul > li a {  color: #fff;  }

.main .banner .title {  position: absolute;  top: -200%;  left: 0;  width: 200px;   }

.main .banner .yujia {  position: absolute;  top: -350%;  right: 100px;  width: 300px;   }

/*banner结束*/



/*内容展示开始*/



.content{width: 1200px;box-sizing: border-box;padding:30px 0;margin:0 auto;}

.content h3{font-size: 28px;color:#333333;font-weight: 500;text-align: center; margin:15px 0; }

.content .phone1{box-sizing: border-box;overflow: hidden;width: 100%;margin:20px 0;position: relative }

.content .phone1 .title{z-index:10;position:absolute;left:0;bottom:100px;width: 500px;background: url("../Images/jianbian.png") no-repeat 100% 100%;background-size: 100% 100%;padding:10px 25px 10px 10px ;box-sizing: border-box;}

.content .phone1 .title h4{text-align: left;margin:10px 0;font-size: 24px;color:#edecec}

.content .phone1 .title p{text-align: left;margin:10px 0;font-size: 16px;color:#edecec;margin-right:30px;}

.content .phone1 .swiper-slide img{width:100%;font-size: 0}

.content .phone1 .prev{cursor:pointer;z-index:10;width: 100px;height:100px;position: absolute;top:50%;left:10px;margin-top:-50px;}

.content .phone1 .next{cursor:pointer;text-align:right;z-index:10;width: 100px;height:100px;position: absolute;top:50%;right:10px;margin-top:-50px;}



.content .phone2{box-sizing: border-box;overflow: hidden;width: 100%;margin:10px 0;}

.content .phone2 .swiper-slide img{width:100%;}

.content .phone2 .swiper-slide .zhe{width: 100%;position: absolute;top:0;left:0;background-color: rgba(0,0,0,.4);height:100%;}



.none{opacity: 0}







/*内容展示结束*/





/*响应式*/



/*中*/

@media screen and (min-width: 720px) and (max-width: 1200px) {



    .main .banner .subnav .center {  width: 720px;  }

    .main .banner .subnav ul > li {  width: 20%;  box-sizing: border-box;  padding: 12px 0;  font-size: 14px;  }

    .main .banner .title {    top: -115%;  left: 0;  width: 100px;  }

    .main .banner .yujia {  position: absolute;  top: -180%;  right: 80px;  width: 150px;   }



    /*banner结束*/



    .content{width: 720px;padding:30px 0;margin:0 auto;}

    .content h3{font-size: 22px; margin:15px 0; }

    .content .phone1{: border-box;overflow: hidden;width: 100%;margin:20px 0;position: relative }

    .content .phone1 .title{bottom:60px;width: 450px;}

    .content .phone1 .title h4{text-align: left;margin:10px 0;font-size: 18px;color:#edecec}

    .content .phone1 .title p{text-align: left;margin:10px 0;font-size: 14px;color:#edecec;margin-right:30px;}

    .content .phone1 .prev{cursor:pointer;z-index:10;width: 80px;height:80px;position: absolute;top:50%;left:10px;margin-top:-40px;}

    .content .phone1 .next{cursor:pointer;text-align:right;z-index:10;width: 80px;height:80px;position: absolute;top:50%;right:10px;margin-top:-40px;}



    /*内容展示结束*/

}



/*小*/

@media screen and (min-width: 320px) and (max-width: 720px) {

    .main{ margin-top:47px;}



    .main .banner .subnav .center {  width: 320px;  }

    .main .banner .subnav ul > li {  width: 20%;  box-sizing: border-box;  padding: 6px 0;  font-size: 10px;  }

    .main .banner .title {   top: -102%;  left: 0;  width: 50px;  }

    .main .banner .yujia {  position: absolute;  top: -150%;  right: 40px;  width: 80px;   }



    /*banner结束*/



    .content{width: 320px;box-sizing: border-box;padding:15px 0;margin:0 auto;}

    .content h3{font-size: 16px;color:#333333;font-weight: 500;text-align: center; margin:10px 0; }

    .content .phone1 .title{z-index:10;position:absolute;left:0;bottom:20px;width: 290px;padding:5px 10px 5px 5px ;}

    .content .phone1 .title h4{text-align: left;margin:5px 0;font-size: 12px;color:#edecec}

    .content .phone1 .title p{text-align: left;margin:5px 0;font-size: 10px;color:#edecec;margin-right:5px;}

    .content .phone1 .prev{cursor:pointer;z-index:10;width: 15px;height:40px;position: absolute;top:50%;left:10px;margin-top:-20px;}

    .content .phone1 .next{cursor:pointer;text-align:right;z-index:10;width: 15px;height:40px;position: absolute;top:50%;right:10px;margin-top:-20px;}

    .content .phone1 .prev>img{width: 100%; display: none}

    .content .phone1 .next>img{width: 100%; display: none}





    /*内容展示结束*/

}