@charset "utf-8";
html{color:#666;background:#fff; font-size: 14px; font-family:"microsoft yahei",'微软雅黑'; min-width: 1400px;}
body{margin: 0 auto; color: #666; min-width: 1400px;}
*{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
img{vertical-align:top;}
ol,.clearfix,.hover{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
a{text-decoration:none; color:#000; cursor:pointer;}
.border{box-sizing: border-box;}
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;/*IE/7/6*/}
strong,b{ font-weight:bold;}
input,button{cursor:pointer;}
.fl{float: left;}
.fr{float: right;}
.tl{text-align: left;}
.tr{text-align: right;}
.main{width: 1200px; margin: 0 auto 80px;}
.top{width: 100%; height: 877px; background: url(../img/3.jpg) no-repeat; background-size: 100% 100%;}
.top .top_img2,.top .top_img1{display: block; margin: 0 auto;}
.top .top_img2{margin-top: 60px;}
.top .top_img1{padding-top: 190px;}
.top .top_img2{padding-top: 400px;}
.content1{width:100%; margin-top: 80px; position: relative;}
.content .clearfix .hover{width: 200px; background-color: #fff; float: left; margin: 30px 0 0 33px; padding: 10px; border: 1px solid #cecfd0; box-sizing: border-box;position:relative;
}/*height:260*/
/*.content .clearfix li img{width: 100%;}*/
.content .clearfix .hover p{text-align: center; letter-spacing: 1px; /*line-height: 26px;*/}
.content .clearfix .hover p:first-child,.content .clearfix .hover p:last-child{text-align: right;}
.content .clearfix .hover p img{width: 13px; height: 13px; vertical-align: middle; margin-right: 3px; margin-bottom: 2px;}
.content1 .flex_img{position: absolute; bottom: 0; right: 0;}
.top2{width: 100%; height: 327px; background: url(../img/top2_bj.jpg) no-repeat; background-size: 100% 100%;}
.top2 img{display: block; margin:0 auto; padding-top: 175px;}
.content2{width:100%; padding-bottom: 115px; background-color: #5ea7de;}
/*p{height:27px;overflow: hidden;}*/
.shop_img {margin:0 auto;display:block;max-width:178px;max-height: 152px;}
#cn {margin-top:-50px;}
p>price {text-align: left;}
.was {text-decoration:line-through;margin-left: 10px;}
.new_price {color:red;}    
.title {height: 36px;overflow: hidden;}
.right_info {
	display:none;
	width: 200px;
    height: 240px;
    margin: 30px 0;
    position: absolute;
    top: 0;
    margin-top: -1px;
    left: 198px;
    z-index: 999999 !important;
    border: 1px solid #b2e5f8;
    border-left: none;
    box-shadow: 2px 2px 5px #83bbef;
    background: #fff;
    padding: 10px;}
.list_left_info {z-index: 222;}
.right_info_content {height: 174px;overflow: hidden;}
.right_info_buy {display: block; width:155px;height: 40px;text-align: center;background: #b2e5f8;margin:0 auto;margin-top:24px;color:#fff;line-height: 40px;font-size:22px;border-radius: 10px;}
.title_bottom {margin-top: 10px;}
.page {text-align: center;}
.page_num {display:inline-block;height:20px;background-color: rgba(0, 0, 0, 0.2);margin:5px solid #b2e5f8;border-radius: 15px;line-height: 20px;}
.page_num>i {width:10px; height: 10px;display: inline-block;background:#fff;border-radius: 10px;cursor: pointer;margin:5px;}
 .clearfix {background-color: #fff !important; height: 100% !important;}
 .layui-carousel-ind {margin-top:20px;}
.img_box {width: 178px;height: 152px;}
.clearfix {padding-bottom: 60px;}