@charset "UTF-8";
/* CSS Document */
ol{padding: 0; margin: 0;}

.tu{width: 100%; }
.tu img{width: 100%;}

.jiagou{width: 100%;  background-color: #ffffff; padding-top: 30px; padding-bottom: 60px; }
.jiagou h1{width: 100%; text-align: center; line-height: 60px; margin-bottom: 60px; font-size: 24px;}
.jiagou img{width: 50%; margin: 0 auto; display: block;}

.chanpin{width: 100%;position: relative; background-color: #f0e7c8; }
.chanpin .bg{width: 74%; height: auto; margin: 0 auto; display: block;}
.chanpin .neirong{position: absolute; top: 0; left: 0;width: 100%; height: 100%;}
.chanpin .neirong h1{width: 100%; text-align: center; line-height: 90px;  font-size: 24px;}
.neirong .tankuang1{z-index: 999999; display: block; width: 50%; position: absolute;top:21%; left: 26%;}
.neirong #zhandian1img{z-index: 999999; display: block; width: 70%; position: absolute;top:19.5%; left: 24.5%; cursor:pointer;}
.neirong #zhandian2img{z-index: 999999; display: block; width: 70%; position: absolute;top:6%; left: 22.6%;cursor:pointer;}
.neirong #zhandian3img{z-index: 999999; display: block; width: 66.5%; position: absolute;top:17%; left: 32.5%;cursor:pointer;}
.neirong #zhandian4img{z-index: 999999; display: block; width: 66.5%; position: absolute;top:23%; left: 32.5%;cursor:pointer;}
.neirong #zhandian5img{z-index: 999999; display: block; width: 65%; position: absolute;top:29%; left: 13%;cursor:pointer;}
.neirong #zhandian6img{z-index: 999999; display: block; width: 65%; position: absolute;top:29%; left: 14%;cursor:pointer;}
.neirong #zhandian7img{z-index: 999999; display: block; width: 70%; position: absolute;top:24%; left: 4%;cursor:pointer;}
.neirong #zhandian8img{z-index: 999999; display: block; width: 66.5%; position: absolute;top:16%; left: 1%;cursor:pointer;}
.neirong #zhandian9img{z-index: 999999; display: block; width: 70%; position: absolute;top:11.5%; left: 4%;cursor:pointer;}
.neirong #zhandian10img{z-index: 999999; display: block; width: 70%; position: absolute;top:11.5%; left: 18%;cursor:pointer;}
.neirong #zhandian11img{z-index: 999999; display: block; width: 50%; position: absolute;top:21%; left: 20%;}
.neirong ul{width: 8%; font-size: 16px; line-height: 20px; text-align: center; cursor:pointer }
.neirong ul li img{width: 36%;}
.neirong .zhandian1{ position: absolute;  bottom:28%; left: 18.5%;}
.neirong .zhandian2{ position: absolute;  bottom:8%; left: 25.5%;}
.neirong .zhandian3{ position: absolute;  bottom:32%; left: 26.5%;}
.neirong .zhandian4{ position: absolute;  bottom:53%; left: 26.5%;}
.neirong .zhandian5{ position: absolute;  top:20%; left: 37%;}
.neirong .zhandian6{ position: absolute;  top:20%; left: 53%;}
.neirong .zhandian7{ position: absolute;  top:35%; left: 72%;}
.neirong .zhandian8{ position: absolute;  top:54%; left: 65.5%;}
.neirong .zhandian9{ position: absolute;  top:69%; left: 72%;}
.neirong .zhandian10{ position: absolute;  bottom:3%; left: 63%;}
.neirong .zhandian11{ position: absolute;  bottom:11%; left: 52%;}

.tese{width: 100%; padding-top: 30px; padding-bottom: 30px;}
.tese h1{width: 100%; text-align: center; line-height: 60px; margin-bottom: 40px; font-size: 24px;}

.tese_middle{width: 1120px; margin: 0 auto;}
.tese_middle .l_tese{width: 45%; float: left; margin-bottom: 50px; padding-left: 5%;}
.tese_middle .l_tese span{float: left; display: block; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #d5d6d7; font-size: 24px; color: #666666; text-align: center; line-height: 40px;}
.tese_middle .l_tese ol{float: left; margin-left: 20px;}
.tese_middle .l_tese ol li{font-size: 16px; line-height: 30px;}
.tese_middle .r_tese{width: 45%; float: right; margin-bottom: 50px;padding-left: 5%;}
.tese_middle .r_tese span{float: left; display: block; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #d5d6d7; font-size: 24px; color: #666666; text-align: center; line-height: 40px;}
.tese_middle .r_tese ol{float: left; margin-left: 20px;}
.tese_middle .r_tese ol li{font-size: 16px; line-height: 30px;}