﻿@charset "utf-8";

/*iconfont*/
@font-face {font-family: "iconfont";
  src: url('../../images/2015/fonts/iconfont.eot'); /* IE9*/
  src: url('../../images/2015/fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../../images/2015/fonts/iconfont.woff') format('woff'), /* chrome、firefox */
  url('../../images/2015/fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../../images/2015/fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.icon {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
/*清除浏览器默认样式*/
*{margin: 0; padding: 0; list-style: none;}
/*全局控制*/
body{font-family: 'Microsoft Yahei','微软雅黑';font-size:12px;}
a{text-decoration: none; color: #222; transition:all 0.3s;}
img{border: 0 none;}
/*头部*/
a{text-decoration: none; color:#666}
.FL{float:left}
.FR{float:right}
.mt10{margin-top:15px; margin-bottom:10px}
.f18{font-family:"Microsoft Yahei"; font-size:18px;}
.f16{font-family:"Microsoft Yahei"; font-size:16px;}
.f14{font-family:"Microsoft Yahei"; font-size:14px;}
.f12{font-family:"Microsoft Yahei"; font-size:12px}

.hang{line-height:33px; color:#858585; font-weight:600}
.hang1{line-height:33px; color:#858585;}

.boder{border-right:2px #3e3431 solid;border-left:2px #3e3431 solid;}
.mar{padding-left:30px}

#header{width:100%; height:163px;}
.top{background:#f7f7f7; width:100%; height:54px; border-bottom:1px #e8e8e8 solid;}
.top_n{width:1000px; margin:0 auto;height:54px;}
.top_l{width:70px; height:54px; position:relative}

.izl-rmenu{position:relative; right:0;bottom:20px;background:url(../../images/2015/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:35px; height:58px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-wx{background:url(../../images/2015/wx.gif) 0px 30px no-repeat;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-6px; top:73px; display:none;width:90px;height:90px;}

.shouji{width:35px; height:54px; background:url(../../images/2015/shouji.gif) no-repeat 50px 12px}
.shouji a{display:block;width:35px; height:54px; background:url(../../images/2015/shouji.gif) no-repeat 10px 12px}
.top_m{color:#616161; height:54px; line-height:54px; padding-left:10px; font-size:14px}
.top_r{margin-left: 20px;}
.top_r a{background:url(../../images/2015/wb.gif) no-repeat center;width:103px;height:54px;line-height:54px;padding-left:20px;}
.top_r a:hover{ color:#d62f2b;}
.top_r1 a{background:url(../../images/2015/tao_logo.png) no-repeat center;width:103px;height:54px;line-height:54px;padding-left:20px;}
.logo{width:1000px; margin:0 auto; height:108px;}
.logo_l{width:456px;margin-top:33px;}
.logo_r{width:200px;height:30px;margin-top:36px}
.logo_r .seatex{border:0;background:url(../../images/2015/sea_text.gif) no-repeat;width:152px;height:30px;line-height:30px;padding-left:10px;color: #999;}

.nav{width:100%;height:auto;background-color:#f72a2a;}
.nav ul{width:1000px;height:47px;margin:0 auto;line-height:47px;}
/*.nav ul li{float: left; font-size: 18px; width: 14.28%; text-align: center; font-weight: bold; cursor: pointer;}*/
/*.nav ul li:nth-child(2){background-color: #DE1111;}*/
.nav ul li:hover{background-color: #de1111;}
.nav ul li a{color: #FFF;display: block;}

.a{background: url(../../images/2015/dot_1.jpg) no-repeat left center;}
.b{background: url(../../images/2015/dot_2.jpg) no-repeat left center;}
.c{background: url(../../images/2015/dot_3.jpg) no-repeat left center;}
.d{background: url(../../images/2015/dot_4.jpg) no-repeat left center;}

.product{width:100%;height:auto;-min-height:1080px;background-color:rgba(255,255,255,0.1);padding-bottom:25px;}
.product .title{width: 100%; height: 60px; margin: 0 auto; line-height: 60px;}
.product .title ul{width: 1000px; margin: 0 auto;overflow: hidden;padding-left: 5px;box-sizing:border-box;}
.product .title ul li{float: left; font-size: 14px;color: #222;}
.product .sel{width: 1000px; height: 57px; line-height: 57px; margin: 0 auto 13px; color: #535353; background-color: #F6F6F6; border: 1px solid #E2E2E2; box-sizing:border-box;padding-left: 15px;}
.product .sel ul li{float: left;}
.product .sel #s_list{width: 171px; height: 26px; outline: 0 none; background-color: #FFF; margin-left: 5px; color: #535353;padding: 3px 0;-border: 1px solid #CBCBCB;}
.product .sel button{width: 70px; height: 26px; background-color: #F8F8F8; cursor: pointer; outline: 0 none; margin-left: 5px; border: 1px solid #CECECE; text-align: center;line-height: 26px;}
.product .sel button:hover{color: #F00;}
.product .tit{width: 1000px; height: 84px; margin: 0 auto; background-color: #FFF; padding: 30px 16px 0; box-sizing:border-box; border: 1px solid #E7E7E7; -border-bottom: 0; overflow: hidden;}
.product .tit ul{width: 1000px;}
.product .tit ul li{float: left; margin-right: 18px;}
.product .tit ul li a{width: 123px; height: 38px; line-height: 38px; text-align: center; display: block;}
.product .tit ul li.on{background-color: #e71717;}
.product .tit ul li.on a{color: #FFF;}
table{width: 1000px; height: auto; margin: 0 auto; -border: 1px solid #E7E7E7; margin-bottom: 20px; background-color: #FFF;border-collapse:collapse;border-spacing: 0;box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;}
.t2,.t3,.t4,.t5,.t6,.t7,.t8{display: none;min-height: auto;}
table td{width: 112px; padding-left: 10px; border-top: 1px solid #E7E7E7; cursor: default;-line-height: 22px;border-bottom: 1px solid #E7E7E7;}
table thead{border-bottom: 1px solid #E7E7E7;}
table thead tr{border-left: 1px solid #E7E7E7;border-right: 1px solid #E7E7E7;}
table thead th{font-size: 13px;color: #000;height: 60px;padding-left: 10px;font-weight: bold;width: 112px;}
table tbody tr{height: 55px; text-align: center; font-size: 14px;border-left: 1px solid #E7E7E7;border-right: 1px solid #E7E7E7;}
table tbody td a:hover{color: #F00;}
/*table tbody tr:hover td:nth-child(7){color: #FF2C00; transition:all 0.3s;}*/
table tbody tr .buynow a:hover{background-color: #DE1111;color: #FFF;}
table tbody .buy:after{content: "\e644"; font-size: 25px;}
table tbody .buy:hover{color: #F00;}
table tbody .buynow{width: 100px; padding-left: 25px;}
table tbody .buynow a{width: 80px; height: 28px; background-color: #c8c8c8; display: block; text-align: center; line-height: 28px; font-size: 14px;}
.product .list{width: 1000px; height: auto; margin: 0 auto; overflow: hidden;}
.product .dt{width: 250px; height: 338px; background-color: #FFF; border: 1px solid #E5E5E5; float: left; box-sizing:border-box; padding: 20px 10px 0;}
.product #dt2,#dt3,#dt4{border-left: 0;}


/*底部*/
.foot{padding-top: 15px; height:auto;min-height: 110px; width:100%; margin-top:46px;overflow: hidden;background-color: #C11717;}
.bottom{width: 1000px; height: auto;color: #FFF;margin: 0 auto; font-size: 12px; -padding-top:15px;}
.bottom p{width: 50%; float: left;margin-top: 10px;line-height: 25px;}
.bottom span{display: inline-block;margin-left:280px;float: left;}
.bottom a{font-family:"Microsoft Yahei"; font-size:12px; color:#FFF}
.bottom a.under:hover{text-decoration: underline;}

.backindex{display: none;}


/*----返回顶部----*/
.totop{width: 61px; height: 231px; position: fixed;right: 3%;top: 40%;z-index: 9;}
/*.totop .back_index{width: 61px;height: 61px;overflow:hidden;background: #F7F7F7 url(../../images/2015/arrow-previous.png) no-repeat center 6px;border-radius: 3px;margin-bottom: 2px;font-size: 13px;text-align: center;line-height: 95px;}*/
.totop .back_index{width: 61px;height: 61px;overflow:hidden;background: #F7F7F7;border-radius: 3px;margin-bottom: 2px;font-size: 13px;text-align: center;cursor: pointer;position: relative;}
.totop .back_index img{display: block;transition:transform 0.5s;-webkit-transition:transform 0.5s;-moz-transition:transform 0.5s;-ms-transition:transform 0.5s;/*position: absolute;left: 50%;margin-left: -16px;top: 5px;*/margin:5px auto 0;}
.totop .back_index:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);}
.totop .back_index a{/*display: block;width: 61px;height: 61px;*/color: #555;}
.totop .back_index:hover a{color: #F00;}
.totop .ecode{width: 61px; height: 61px;background: url(../../images/2015/kefu.png) no-repeat;margin-bottom: 2px; border-radius: 3px;cursor: pointer;position: absolute;top: 63px;z-index: 222;}
.totop .ecodepic{width: 61px;height: 61px;position: absolute;top: 63px;right:0;z-index: 1;border-radius: 3px;}
.totop .kefu{width: 61px;height: 58px;background: url(../../images/2015/kefu.png) no-repeat 0 -66px;cursor: pointer;border-radius: 3px;position: absolute;top: 126px;}
.totop .kefu a{width: 61px;height: 58px;display: block;}
.totop .gotop{width: 61px; height: 47px; border-radius: 3px; background: url(../../images/2015/totop.png) no-repeat;cursor: pointer;position: absolute;top: 186px;}


/*-----pad端样式-----*/
@media (min-width: 641px) and (max-width: 979px){
.top_n{width: auto !important;padding: 0 20px;}
.logo{width: auto !important;padding: 0 20px;}
.logo_r{display: none;}
.nav ul{width: 100% !important;}
.nav ul li a{font-size: 16px;}
.product .sel{width: auto;}
.product .tit{width: auto;padding: 30px 0 0;}
.product .tit ul{width: 100% !important;}
.product .tit ul li{width: 12.5%;margin:0;text-align: center;}
.product .tit ul li a{width: auto;}
.product .title ul{width: auto !important;}
table{width: 100%;height: auto;}
table thead th{padding-left: 0;width: 10%;font-size: 12px;}
table thead th:nth-child(2){width: 15%;}
table tbody tr td{font-size: 12px;padding-left: 0;}
table thead th:nth-child(5){width: 11%;}
table thead th:last-child{width: 12%;}
table tbody .buynow{width: auto;padding-left: 5px;}
table tbody .buynow a{font-size: 12px;width: 65px;}
.bottom{width:100% !important;}
.bottom{width: auto !important;padding: 0 20px;overflow: hidden;}
.bottom p{width:52% !important;margin:10px;}
.bottom span{margin:10px !important;}
.foot{background:#BF1716;}
/*.totop{display: none;}*/
}


/*---------手机端样式-----------*/
@media screen and (max-width: 640px){  
.backindex{display: block;}
.backindex{text-align: center;margin: 25px auto -30px;font-size: 14px;}
.backindex a{color: #858585;}
.backindex a:hover{color: #F00;} 
.nav_a{display:block;width:51px;height:34px;background:url(../../images/2015/anniu_03.png) center center no-repeat;background-size:50% auto;}
.top{display:none;}
.logo{width:100% !important;border-bottom:3px solid #F72A2A;height: 76px !important;}
.logo_l{width:100% !important;margin-top: 14px !important;}
.logo_r{display:none;}
#header{height:90px !important;}
.nav{width:100%; height:auto;position:relative;z-index: 3;display:block;margin-top: 10px;padding-top: 0em;  width:51px; height:34px;float:right;margin-top: -74px;}
.nav ul{width:77px;position:absolute;display:none;background:rgba(247, 42, 42, 0.8);height:auto;right:0;}
.nav ul li{width:100%;height:2.4em;line-height:2.4em;text-align:center;font-family:"微软雅黑";font-size:14px;}
.nav ul li a{font-size:18px;font-family:"微软雅黑";color:#fff;border-top:none;display:block;font-size:1em;}
.nav ul li a.gaol{width:100%;height:auto;border-top:none;display: block;}
.nav ul li.gaol a{width:100%;height:auto;border-top:none;display: block;}
.nav li ul.nav_in{position:absolute;top:36px;left:78px;width:102px;}
.nav li ul.nav_in li{padding-left:0;width:102px;height:2.6em;line-height:2.6em;text-align:center;overflow:hidden;}
.nav li ul.nav_in li a{display:block;width:102px;height:2.6em;line-height:2.6em;text-align:center;overflow:hidden;}
.cur{background:#799DA2;}
.logo_l a{width:100%;}
.logo1{display:none;}
.logo2{display:block !important;}
.bottom{width:100% !important;}
.bottom p{width:93% !important;margin:10px;}
.bottom span{margin:0 10px !important; display:none;}
.foot{background:#BF1716; margin-bottom:0 }
.totop{display:none;}
.content{width:100% !important;}
.product{height: auto;min-height: 415px !important;}
.product .title{width:100% !important; height:40px; line-height:40px;}
.product .title ul li {font-size:14px;}
.product .sel {width:100% !important;display: none;}
.product .sel ul li{font-size:12px; width:25% !important;}
.product .sel #s_list{width:100%;}
.product .sel button{width:60%; margin-left:10px;}
.product .tit{width:100% !important;padding: 10px 0px;height: auto;margin: 10px auto 0;}
.product .tit ul li{font-size:12px !important;margin-right:0;width: 14.28%;}
.product .tit ul li:nth-child(1){display: none;}
.product .tit ul li a{width:100% !important;}
.product .tit ul{width:100%;}
table{width:100% !important;}
table.t1{display: none;}
table.t2{display: block;}
.t3, .t4, .t5, .t6, .t7, .t8{display: none;}
table thead th{font-size:8px !important; padding:0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
table thead th:nth-child(1){display: none;}
table thead th:nth-child(3){display: none;}
table thead th:last-child{display: none;}
table tbody td{font-size:8px !important; padding-left:0px !important;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
table tbody td:nth-child(1){display: none;}
table tbody td:nth-child(3){display: none;}
table tbody td:last-child{display: none;}
table tbody .buynow a{width:100% !important; font-size:8px !important;}
table.t5 th:nth-child(4){}
table.t5 td:nth-child(4){}
.jy{ display:none;}
.product .title ul{ width:95%;}
.a,.b,.c,.d{background: none !important;}
}