@charset "utf-8";

/* CSS Document */

div, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, img, p, body { margin: 0px; padding: 0px; }

img { border:0px;    display: inherit; overflow:hidden;}

ul, li, dl, dt, dd { list-style-type: none; }

body { font-family:"微软雅黑"; font-size:14px; color:#333;     line-height: 1.5;}



.clear { clear:both; height:0; font-size: 0px; line-height: 0px; }

.clearFix:after { clear:both; display:block; visibility:hidden; height:0; line-height:0; content:''; }

.clearFix { zoom:1; }

a{text-decoration:none;}

p {

    font-family: "微软雅黑";

    font-size: 1em;

   

}



/*page_top*/

.content{    width: 100%;  background:#fff;max-width:640px;margin:0 auto;}

.content .zz_banner img{width:100%; height:auto;  vertical-align:top;}

.content .zz_banner a{color:#ff5a00; }

.content h3{    text-align: center;

    font-size: 28px;

    line-height: 100px;

    color: #000000;}

	

.cont1 img{width:100%; height:auto;  vertical-align:top;}

.cont1 a img{width:60%; padding:5% 20% ;}

.cont2{background:#f3f3f3}



.cont2 a img{width:60%; padding:5% 20% ;}



.cont3 img{width:100%;}



.cont3 a img{width:60%; padding:5% 20% ;}



.cont4{

    width: 100%;

}

.cont4 img{width:100%;}



.cont5{ margin: 0 auto;

    min-width: 320px;

    max-width: 640px;}	

.cont5 img{    width: 100%;

   }



.cont5_f{width:100%;}

.cont5_f img{width:100%;}

.cont5_f a img{width:100%;}



.cont6{background:#f3f3f3}

.cont6 img{    width: 33.33%;float:left}

.cont6 a img{width:60%; padding:5% 20% ;}

.cont6_01{    width: 90%;

    margin: 0 auto;    padding-bottom:62%;}

.cont6_02{}







.cont7{background:#f3f3f3;}

.cont7_01{width:100%;margin: 0 auto;

   }

.cont7 img{margin: 0 auto;

    width: 100%;}

.cont7_02 img{margin: 0 auto;

    width: 100%;}

.cont7_03 a img{width:60%; padding:3% 20% ;}



.cont8 img,.cont8_01,.cont8_02{margin: 0 auto;min-width: 320px;

    max-width: 640px;

    width: 100%;}

.cont8_01{}

.cont8_01 p{     color: #fff;

    font-size: 20px;

    line-height: 30px;

    padding: 30px 12px 10px 19px;

    margin-top: -130px;

    position: absolute;

    z-index: 10;

    width: 600px;}

.cont8_02 a img{ width:100%;display: inherit;}

.cont9 h3{line-height: 40px;

    padding: 20px;}

.cont9 img{margin:0 auto;    width: 100%;}

.cont9_l img,.cont9_r img{margin:0 auto;    width: 100%;}

.cont9_l,.cont9_r{float:left; width: 50%;}

.cont9_01 a img{width:60%; padding:5% 20% ;}



.cont10{ width:100%; background-color:#f3f3f3;}

.cont10_01 img{width:100%;}



#btn_prev{height: 180px;width:8%;background:url(../images/btn_l.jpg) no-repeat;overflow:hidden;float:left;display:inline;/* margin: 66px 0 0 0; */cursor:pointer;}

#btn_next{height: 180px;width: 8%;background: url(../images/btn_r.jpg) no-repeat;overflow:hidden;float:left;display:inline;/* margin: 64px 0 0 0; */cursor:pointer;}



.cont11 img {width:100%;}

.cont12 img{width:100%;}

.cont12_01 a img{width:60%; padding:5% 20% ;}

.cont13{margin: 0 auto;min-width: 320px;max-width: 640px;width: 100%;}

.cont13_01 img{width:100%;height:auto;}

.cont13_01{    margin-bottom: 10px;}

@media screen and (max-width:640px) and (min-width:320px) { /*当屏幕尺寸小于640px时，应用下面的CSS样式*/

.content h3{ font-size: 20px;

    line-height: 50px;}

.cont2_01 {

  margin:0 auto;

}



.cont2_02 {

  margin:0 auto; 

}





.cont5_r h3{    margin-right: 2%;

    background-color: #03a9a7;

    width: 34px;

    height: 34px;

    float: left;

    line-height: 34px;

    color: #fff;

    border-radius: 17px;

    font-weight: normal;

    font-size: 16px;}



.cont9 li {

    height: 30px;

        width: 320px;

    margin: 0 auto;

    margin-bottom: 10px;

}



.cont10_left {

    height: 90px;

    width: 21px;

    background: url(../images/btn_l.jpg) no-repeat;

	background-size: 21px 90px;

    overflow: hidden;

    float: left;

    display: inline;

    /* margin: 66px 0 0 0; */

    cursor: pointer;

}

.cont10_right {

   height: 90px;

    width: 21px;

    background: url(../images/btn_r.jpg) no-repeat;

	background-size: 21px 90px;

    overflow: hidden;

    float: left;

    display: inline;

    /* margin: 64px 0 0 0; */

    cursor: pointer;

}

.cont10_cen dl {

    width: 121px;

    float: left;

    margin-right: 5px;

    margin-left: 5px;

}

.cont10_cen dl img{ width: 121px;}

.cont10_cen {

        float: left;

    width: 262px;

    overflow: hidden;

    display: inline;

    margin-right: 5px;

}

.cont10_left {

    float: left;

    margin-right: 5px;

    display: inline;

    margin-left: 2px;

}

.cont10_1 {

    width: 100%;

   

    height: 90px;

    margin: 0 auto;

    min-width: 320px;

    max-width: 640px;

    padding-bottom: 24px;

	  width: 320px;

}







}

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

.content {

    font-size: 24px;

}

}