@charset "utf-8";
/* CSS Document */
.mycontainer{ width: 1200px; margin: 0 auto; position: relative; }
.clear{clear: both;}
.main_color{color: #00aec5;}
.color_white{color: #fff;}

header{ background: #00aec5; overflow: hidden;}
header p{ color: #fff; font-size: 16px; line-height: 96px; font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif; padding-left: 48px; /*background-image: url("pic1.png");*/ background-position: left; background-repeat: no-repeat; float: right;}
header p span{ font-size: 34px; font-family: "时尚中黑简体";}
.mycontainer #logo{ width: 200px; height: 150px; background: #fff; position: absolute; top: -100px; left: 0; z-index: 1;}
.mycontainer #logo img{ margin: 0 auto; margin-top: 26px;}

.nav_i{ position: absolute; top: -432px;}
.nav_i ul{ background-color: #00aec5;opacity: 0.8; width: 200px; padding: 39px 0;}
.nav_i ul li a{ font-size: 14px; color: #fff; line-height: 44.2px; text-align: center;-webkit-transition-property: background; transition-property: background;-webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-delay: 0s;transition-delay: 0s;}
.nav_i ul li a:hover, .nav_i ul li .current{ background: #088eab;}

.entrance{ overflow: hidden; width: 100%; margin-top: 30px;}
.entrance li{ width: 33%; float: left; padding: 1px;}
.entrance li img{ width: 100%; height: 280px;  text-align: center;}

.discount{ float: left; margin-top: 30px;}
.discount .title{ width: 585px; border-bottom: solid #e1e1e1 1px; position: relative;}
.discount .title h2{ font-family: "Microsoft YaHei UI"; font-size: 17px; font-weight: normal; padding-bottom: 10px; border-bottom: #00aec5 solid 1px; display: inline-block; position: relative; bottom: -1px; color: #323232;}

.news{ float: right; margin-top: 30px;}
.news .title{ width: 585px; border-bottom: solid #e1e1e1 1px; position: relative;}
.news .title h2{ font-family: "Microsoft YaHei UI"; font-size: 17px; font-weight: normal; padding-bottom: 10px; border-bottom: #00aec5 solid 1px; display: inline-block; position: relative; bottom: -1px;}
.news ul{ margin-top: 20px;}
.news ul li{-webkit-transition-property: background; transition-property: background;-webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-delay: 0s;transition-delay: 0s;}
.news ul li:hover{ background: #fafafa;}
.news ul li a{ width: 485px; height: 81px; padding: 18px 0 0 100px; background-repeat: no-repeat; background-position: 20px center; border-bottom: #e1e1e1 solid 1px;}
.news ul li:first-child a{ background-image: url("pic12.png");}
.news ul li:nth-child(2) a{ background-image: url("pic13.png");}
.news ul li:nth-child(3) a{ background-image: url("pic14.png");}
.news ul li:nth-child(4) a{ background-image: url("pic15.png");}
.news ul li a h3{ font-family: "Microsoft YaHei UI"; color: #323232;font-weight: normal; font-size: 16px;}
.news ul li a p{ font-family: "Microsoft YaHei UI"; color: #646464;font-weight: normal; font-size: 12px; margin-top: 5px;}
.news ul li a span{ font-family: "Microsoft YaHei UI"; color: #909090;font-weight: normal;
font-size: 12px; margin-top: 5px; display: block;}
.news ul li:first-child:hover a{ background-image: url("pic16.png");}
.news ul li:nth-child(2):hover a{ background-image: url("pic17.png");}
.news ul li:nth-child(3):hover a{ background-image: url("pic18.png");}
.news ul li:nth-child(4):hover a{ background-image: url("pic19.png");}
.news ul li a:hover h3, .news ul li a:hover p, .news ul li a:hover span{ color: #00707e;}

.introduce{ margin: 30px 0; float: left;}
.introduce .first{ float: left; width: 250px; height: 340px; padding: 0 25px; background: #00aec5;}
.introduce .first h2{ font-size: 16px; color: #fff; margin-top: 80px;}
.introduce .first p{ font-size: 12px; color: #fff; margin-top: 10px;}
.introduce .first a{ font-size: 14px; color: #fff; margin-top: 40px; padding: 5px 20px; border: #fff solid 1px; display: inline-block;-webkit-transition-property: background,color,margin-left; transition-property: background, color,margin-left;-webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-delay: 0s;transition-delay: 0s;}
.introduce .first a:hover{ background: #fff; color: #00707e; margin-left: 4px;}
.introduce > img{ float: left; width: 600px; height: 340px;}
.introduce .third{ width: 220px; height: 340px; background-image: url("pic21.png"); background-repeat: no-repeat;float: left; padding: 0 40px;}
.introduce .third h2{ font-size: 20px; color: #00aec5; margin-top: 87px;}
.introduce .third p{ font-size: 30px; color: #00aec5; margin-top: 10px;}
.introduce .third a{ font-size: 14px; color: #00aec5; margin-top: 40px; padding: 5px 20px; border: #00aec5 solid 1px; display: inline-block;-webkit-transition-property: background,color,margin-left; transition-property: background, color,margin-left;-webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-delay: 0s;transition-delay: 0s;}
.introduce .third a:hover{ background: #00aec5; color: #fff; margin-left: 4px;}

footer .top{ margin-top: 30px; background: #00707e; padding: 50px 0;}
footer .first{ float: left;}
footer .first p{ color: #fff; line-height: 2;}
footer .mycontainer > img{ float: left; margin-left: 268px; display: block;}
footer .third{ float: right; margin-top: 17px;}
footer .third p{ font-size: 14px; color: #fff; border-bottom: #007d8d 1px solid; padding-bottom: 10px;}
footer .third ul{ margin-top: 10px;}
footer .third ul li{ float: left; margin: 0 6px;}
footer .third ul li:first-child{ margin-left: 0;}
footer .third ul li:last-child{ margin-right: 0;}
footer .bottom{ background: #00aec5; padding: 15px 0;}
.bottom .bottom_auto{width: 1200px;margin: 0 auto; color: #fff;line-height: 25px;}
.bottom_auto .bottom_l{width: 800px;float: left;}
.bottom_auto .bottom_r{width: 400px;float: left;} 


.focus{ position:relative; width:585px; height:400px; background-color: #000; margin-top: 20px;}
.focus img{ width: 585px; height: 400px;}
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;}
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; line-height: 40px; background:rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }
.focus .shadow a{ text-decoration:none; color:#fff; font-size:14px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:8px; right:10px; position:absolute; height:21px; text-align:center; z-index: 200; }
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#00aec5;}
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}
.focus .prev:hover{  background-position:0 0; }
.focus .next:hover{  background-position:-40px 0;}