*{ margin:0px; padding:0px;} 
body{color:#666; font-size: 14px; font-family: "Microsoft Yahei"}
body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,q,dl,dt,dd,ol,ul,li,fieldset,form,legend,caption,tbody,tfoot,thead,article,aside,dialog,figure,footer,hgroup,nav,section{margin:0;padding:0; }
em, cite, th{font-style:normal;font-weight:normal;}
h1, h2, h3, h4, h5, h6{font-size:1em;}
a{color:#333333;text-decoration:none}
a:hover{ color:#c1282f;}
ul, li, dl, dt, dd, ol { list-style: none; }
table{border-collapse:collapse;}
img{border:none;}
input, img{vertical-align:middle;}

.clear{clear:both}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}


html{overflow-y: scroll; height:100%;}	
html,body{min-width:1260px;}

.warp{ width:1200px; margin:0 auto;} 
.top{ width: 100%; position: relative; height: 800px; }

.tp{ /* width:94%; */ left: 0; right: 0;  height:100px; color:#666; font-size:12px; z-index: 99; position: fixed; top: 0;}
.propb{ width: 94%; padding: 0 3%; background:url(/images/prols.jpg) no-repeat center top;height:579px; color:#666; font-size:12px; display: block; position: relative;}
.tppb{ width: 94%; padding: 0 3%; background: #1b1b1b; height: 100px; color:#666; font-size:12px;}
.nav{text-align: center; margin: auto; position: fixed; display: block; /*!*flex-direction: column;*!可写可不写*/ justify-content: center; align-items: center; left: 0; right: 0; padding: 0 20px; background:transparent; height:100px; z-index: 99999999;}
.nav ul{ margin-top: 35px; }
.nav li{text-align: center; line-height:35px; padding: 0 20px; font-size: 14px; display : inline-block; }
.nav li a{ color: #fff;  }
.nav li a:hover,.nav li a.current{ color: #f3343c; }
.nav li .icon-hot{ display:inline-block; width:19px; height:10px; vertical-align:middle; background:url(/images/hot.png) no-repeat; margin-left:4px;
    -webkit-animation:bounce 1s .2s ease both infinite;
    -moz-animation:bounce 1s .2s ease both infinite;}
.nav li i img{ vertical-align: top; -webkit-animation:bounce 1s .2s ease both infinite;
    -moz-animation:bounce 1s .2s ease both infinite;}
.logo{left:20px; position: absolute; top: 15px;} 
.logo img{width: 211px;  }
.telwx{ position: absolute; top: 35px; right: 20px; }
.wpicn{ line-height: 35px; background: url(/images/icns.png) no-repeat left center; text-indent: 30px; font-size: 14px; color: #fff; float: left; } 
.qrcode{ width: 120px; height: 120px; display: none; position: absolute; margin-left: -20px; }
.wpicn:hover .qrcode{display: block;}

.teda{ float: left; margin-left:25px; margin-top:1px;padding: 0 10px; border-radius: 20px; height: 32px; line-height: 32px; text-indent:25px; border:1px solid #fff; color: #fff; font-size: 14px; background: url(/images/icnt.png) no-repeat 10px center; }

.indexs{ width: 100%; height: 130px; background: url(/images/iconpg.png) repeat; margin-top: -130px; position: absolute; text-align: center;}
.indexs dl{display:block; float: left; text-align: center; width:299px; border-right: 1px solid #777; height:62px; padding: 34px 0;}
.indexs dl:first-child{ border-left: 1px solid #777;}
.indexs dl dt{ float: left; padding: 0 20px 0 38px;} 
.indexs dl dd{ font-size: 22px; color: #fff; line-height:35px; text-align: left; letter-spacing: 4px; }
.indexs dl dd span{ font-size: 12px; line-height: 27px; display: block; letter-spacing: 1px;} 
.indexs dl:hover{background:url(/images/iconpg.png) repeat; }
 

.footer{ width: 100%; padding:90px 0; display: block; background: #1c1c1c;  }
.strenght{ width: 1202px; margin: 0 auto; display: block; height: 68px; border-radius: 10px;overflow:hidden;position:relative;box-shadow:1px 1px 40px rgba(0,0,0,.08); 
background: -webkit-linear-gradient(#ffe9d4 , #ead4ad); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#ffe9d4 , #ead4ad); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#ffe9d4 , #ead4ad); /* Firefox 3.6 - 15 */
	background: linear-gradient(#ffe9d4 , #ead4ad); /* 标准的语法 */  }
.strenght dl{ border-right: 2px solid #1c1c1c; width:299px; float: left; display: block; height: 40px; padding: 14px 0; }
.strenght dl:last-child{ border-right: none; }
.strenght dl dt{ float: left; padding: 0 20px 0 38px;} 
.strenght dl dt img{ max-height: 40px; }
.strenght dl dd{ font-size: 16px; color: #000; line-height:22px; text-align: left; }
.strenght dl dd span{ font-size: 12px; line-height:18px; display: block; } 


 
.strenght ul{width:1202px;position:absolute;left:0;top:0;}
.strenght ul li{height:68px;vertical-align:top;}



.fotnav{ width: 1200px; margin: 70px auto 0; }
.fonle{ width: 480px; float: left; padding-left: 25px;}
.fonle dl dt{ width: 100px; float: left; }
.fonle dl dt img{ width: 100px; }
.fonle dl dt span{ display: block; text-align: center; width: 100%; line-height: 40px; color: #fff; font-size: 14px; }
.fonle dl dd{float: left;  padding-left: 32px; }
.fonle dl dd h2{ background: url(/images/btel.png) no-repeat left 1px; height: 35px; border-bottom: 1px solid #494949; line-height:35px; color: #ffe9d4; font-size:24px; text-indent: 40px; padding-bottom: 15px; margin-bottom: 10px; font-weight: normal;   }

.fonri{ float: right; }
.fonri dl{ width: 110px; padding-left: 50px; float: left; text-align: left; }
.fonri dl dt{ display: block; color: #fff; font-size: 17px; line-height: 30px; padding-bottom: 20px; }
.fonri dl dd{ font-size: 13px; line-height: 24px; color: #666; }
.fonri dl dd a{color: #666;}
.fonri dl dd a:hover{ color: #fff; }

.foot{ width: 100%; padding: 25px 0; display: block; text-align: center; color: #666; font-size: 14px; background: #121212; }
 
.ban { width:100%; height:auto; margin:0 auto; text-align:center; }
.ban img{ max-width:100%; height:auto; margin:0 auto; display:block; text-align:center; }

.nsnav{ width: 100%; border-bottom: 1px solid #d1d1d1; position: relative; padding-top: 50px; height:70px; display: block;  } 
.nsnav h2{ background: url(/images/newlne.jpg) no-repeat left center; float: left; padding-left: 20px; line-height: 70px; font-size: 22px; color: #000; font-weight: normal; letter-spacing: 2px;}
.nsnav ul{ float: right; margin-top: 20px; }
.nsnav ul li{ float: left; color: #555; margin-right: 110px;}
.nsnav ul li:last-child{ margin-right: 0; }
.nsnav ul li a{ color: #555; border-bottom: 2px solid #fff; font-size: 15px; line-height: 30px;  height: 30px; padding-bottom: 23px;}
.nsnav ul li a:hover,.nsnav ul li a.current{ color: #c1282f; border-bottom: 2px solid #c1282f; }

.newlast{ width: 1200px; margin: 0 auto; position: relative; }
.newlast ul li{ width: 100%; float: left; display: block; padding: 60px 0; border-bottom: 1px solid #d1d1d1; }
.newlast ul li .nela1{ width: 90px; float: left; margin-right: 50px; }
.newlast ul li .nela1 h2{ font-size: 28px; color: #7b7b7b; line-height: 30px; font-weight: normal; }
.newlast ul li .nela1 span{ display: block; color: #bbbbbb; line-height: 75px; font-size: 16px; }
.newlast ul li .nela1 em{ width: 48px; height: 48px; display: block; background: url(/images/nehh.png) no-repeat left; }
.newlast ul li .nela2{ width: 340px; float: left; position: relative; }
.newlast ul li .nela2 img{ width: 280px; height: 180px; position: relative; }
.newlast ul li .nela2 i{ z-index: 99; height:3px; background: #1b1b1b; width: 90px; position: absolute; top: 25px; right: 0;  }
.newlast ul li .nela3{ width: 680px; float: right; }
.newlast ul li .nela3 h2{ font-size:24px; color: #1b1b1b; line-height: 53px; display: block; font-weight: normal; }
.newlast ul li .nela3 p{ font-size: 14px; color: #333; line-height: 28px; height: 56px; display: block; padding:25px 0 15px 0; }
.newlast ul li .nela3 span{ line-height: 20px; display: block; color: #888; font-size: 12px; }
.newlast ul li .nela3 span img{ padding-right: 10px; }
.newlast ul li:hover .nela1 em{ background: url(/images/neha.png) no-repeat left;}

.dede_pages { MARGIN:60px auto;padding:0; text-align:center;}
.dede_pages ul li {BORDER: #ccc 1px solid; font-size:14px; PADDING:6px 12px;  MARGIN: 2px; COLOR: #333;font-family:"微软雅黑";  TEXT-DECORATION: none; display: inline-block;}
.dede_pages ul li A{ color:#333;TEXT-DECORATION: none; background:#FFF; }
.dede_pages ul li A:hover { color:#c1282f;TEXT-DECORATION: underline;}
.dede_pages ul li.thisclass { color:#fff; background:#1b1b1b; border:1px solid #1b1b1b;TEXT-DECORATION: none;}

.conts{width: 1200px; margin: 120px auto 90px;}
.conle{ width: 550px; float: left; }
.conri{ width: 550px; float: right; }
.conri h2{ font-size: 24px; line-height: 40px; color: #1b1b1b; font-weight: normal; }
.conri span{ width: 100%; height: 3px; display: block; padding:30px 0; float: left; background: url(/images/adred.png) no-repeat left center;}
.conri p{ font-size: 14px; line-height: 40px; color: #666; text-align: left; }

.conapp{ width: 100%; background: #f4f4f4; display: block; padding: 40px 0; position: relative; }
.conapp dl{ width: 320px; background: url(/images/adlne.png) no-repeat right center; display: block; float: left; padding: 0 40px; }
.conapp dl:last-child{ background: no-repeat; }
.conapp dl dt{ text-align: center; margin: auto; display: block; }
.conapp dl dt img{ text-align: center; margin: auto; }
.conapp dl dd{ display: block;  }
.conapp dl dd h2{ font-size: 20px; color: #000; text-align: center; line-height: 50px; display: block; letter-spacing: 2px;  }
.conapp dl dd p{ font-size: 14px; color: #666; line-height: 35px; text-align: center; }

.conlst{ width: 1200px; margin:0 auto; position: relative;}
.conlst dl{ width: 100%;  border-bottom: 1px solid #ddd; display: block; position: relative;  clear: both; margin-bottom: 20px; }
.conlst dl dt{ width: 241px; float: left; display: block; margin-right: 32px; padding: 10px 10px 25px; height:176px;}
.conlst dl dt:last-child{ margin-right: 0; }
.conlst dl dt h2{ font-size: 20px; color: #1b1b1b; line-height: 40px; font-weight: normal; }   
.conlst dl dt p{ margin-top:15px; text-align: left; padding-left: 25px; line-height: 22px; font-size: 14px; color: #666;  }  
.adel{ background: url(/images/adel.png) no-repeat left 5px; }  
.addz{ background: url(/images/addz.png) no-repeat left 5px; }  
.conlst dl dt:hover{ background: #f2f2f2; }

.conbg{ width: 100%; background: url(/images/conadbg.jpg) no-repeat center bottom; clear: both; padding: 40px 0; }
.main{ width: 1200px; margin: 40px auto; }
.wqrle{ width:205px; float: left; border: 1px solid #cbcbcb; background: #f2f2f2;  }
.wqrle dl{ width:100%; border-bottom: 1px solid #d2d2d2; padding: 20px 0; display: block; float: left; }
.wqrle dl:last-child{ border-bottom: none; }
.wqrle dl dt{ font-size: 22px; line-height: 54px; display: block; color: #000; text-align: left; padding: 0 30px; }
.wqrle dl dd a{ width: 100%; box-sizing: border-box; text-align: left; padding: 0 30px;  overflow: hidden; display: block; float: left; line-height: 30px; font-size: 15px; color: #555; }
.wqrle dl dd a:hover,.wqrle dl dd a.current{ background: #c1282f; color: #fff;}
.wqrri{ width: 880px; float: right; margin-top: 20px; color: #333; font-size: 15px; line-height: 35px; }
.tesaxt{ width: 100%; line-height: 45px; font-size: 22px; display: block; text-align: center; color: #000; }
.time{ width: 100%; text-align: center; font-size: 15px; line-height: 25px; color: #888; }

.abgs{ width: 100%; padding: 20px 0; display: block; position: relative; font-size: 15px; line-height: 30px; border-bottom: 1px solid #ddd;  /*border-top: 1px solid #ddd; margin-top: 30px;*/  }

.page{width:100%;margin:10px auto;overflow: hidden;position: relative;}
.page p{width:100%;height:28px;font:14px/28px "microsoft yahei";color:#000;overflow: hidden;}
.page p a{color:#000}
.page p a:hover{text-decoration: underline; color:#c1282f;}


.back{ font-size:15px; line-height:40px; color:#fff;background:#c1282f;width:138px;margin:0 auto;border-radius:4px;display:block;text-align:center;}
.back:hover{text-decoration: underline; color:#fff;}

.demo{width:100%;margin:-440px auto 0;position:relative;}  
/* tabbtn */

.tabbtn{height:44px; text-align: center; margin:5px auto; position: relative; display: flex; /*!*flex-direction: column;*!可写可不写*/ justify-content: center; align-items: center;}
.tabbtn li{padding:0 45px; cursor:pointer;  display : inline-block; text-align: center; border: 1px solid #fbebd8;border-right:none;  font-size: 15px; letter-spacing: 2px; color: #fbebd8; line-height: 42px; }
.tabbtn li:last-child{border-right: 1px solid #fbebd8;}
.tabbtn li a{ color: #fff; }
.tabbtn li  .icon-hot{ display:inline-block; width:19px; height:10px; vertical-align:middle; background:url(/images/hot.png) no-repeat; margin-left:4px;
    -webkit-animation:bounce 1s .2s ease both infinite;
    -moz-animation:bounce 1s .2s ease both infinite;} 
.tabbtn li.current a{color: #c1282f;}
.tabbtn li.current{color: #c1282f;
	height:42px; 
	background: -webkit-linear-gradient(left, #edd6af , #fff1e4); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #edd6af, #fff1e4); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #edd6af, #fff1e4); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #edd6af , #fff1e4); /* 标准的语法 */}


.twbgs{ width: 100%; background: url(/images/prola.jpg) no-repeat center bottom; height: 330px; display: block; }
/* tabcon */

.tabcon{position:relative;/*必要元素*/ overflow:hidden; width: 1200px; margin:60px auto;}

.tabcon .subbox{position:absolute;/*必要元素*/left:0;top:0;}

.tabcon .sublist{padding: 0; clear: both; }
.tabcon .sublist ul{ display: block; float: left;  width: 380px; padding-right: 30px}
.tabcon .sublist ul:last-child{ padding-right: 0; } 

/* leftcon */

#leftcon .subbox{width:9999em;}

#leftcon .subbox .sublist{float:left;width:664px;}

/* sublist */
 
.lkpgs{ width:100%; height: 330px; background: url(/images/lkxqs.png) no-repeat center; display: block; }
.lhpgs{ width:100%; height: 330px; background: url(/images/lhxqs.png) no-repeat center; display: block; }
.sublist li{height:56px;  display: block; float: left; border-bottom: 1px solid #dcdcdc; padding: 15px 30px 15px 0; width: 380px;} 
.subla{ width: 50px; float: left; padding-right: 15px; }
.subla img{ width: 50px; height: 56px; }
.sublb{ width: 170px; float: left; line-height: 28px; font-size: 14px; color: #000; padding-right: 0px; }
.sublb p{ padding-left: 25px; }
.mox{ background: url(/images/mox.png) no-repeat left center; }
.cix{ background: url(/images/cix.png) no-repeat left center; }
.sublc{ background: url(/images/aegln.png) no-repeat left center; padding-left:36px;  height: 56px; float: left; font-size: 18px; color: #000; line-height: 56px; }
.sublc em{ font-size: 12px; }


.dire{ width: 100%; background: url(/images/direbg.jpg) no-repeat center bottom; display: block; position: relative; padding: 100px 0 80px; }
.dirett{ text-align: center; background: url(/images/direct.png) no-repeat center; display: block; height: 100px; }
.direa1{ background: url(/images/pzbz.png) no-repeat center ; display: block; height: 110px; }
.direa2{ width: 820px; margin:0 auto; text-align: center; font-size: 16px; line-height: 34px; color: #d2d2d2; letter-spacing: 1.5px; opacity: 0. }
.direa3{ background: url(/images/diresd.png) no-repeat center; height: 350px; display: block; position: relative; }
.direa4{ text-align: center; font-size: 14px; line-height: 35px; color: #fff; letter-spacing: 2px; }

@-webkit-keyframes bounce{
    0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}
    40%{-webkit-transform:translateY(-4px)}
    60%{-webkit-transform:translateY(-2px)}
}
@-moz-keyframes bounce{
    0%,20%,50%,80%,100%{-moz-transform:translateY(0)}
    40%{-moz-transform:translateY(-4px)}
    60%{-moz-transform:translateY(-2px)}
}


.sublist ul li .sale {
float:right;
background: red;
color: #fff;
height: 18px;
line-height: 18px;
padding: 0 5px;
border-radius: 4px;
font-size: 12px;
}


    /**右侧固定栏*/
    .rfixBar {
        position: fixed;
        background: #bf2c32;
        font-size: 14px;
        z-index: 9999;
        width: 56px;
        right: 25px;
        top: 50%;
        margin-top: -200px;
        padding: 10px 6px;
        border-radius: 5px;
        text-align:center;
    }
.rfixBar ul {
    margin-bottom:0px;
}
.rfixBar ul li{
    padding-top:5px;
}
.rfixBar ul li img{
    width:80%;
    /*height:80%;*/
}
.rfixBar ul li a {
    color: #000;
}
.rfixBar ul li p{
    border-bottom:1px solid #fffcf1;
    padding-bottom:6px;
    font-size:14px;
    text-align:center;
}
.rfixBar ul li:last-of-type p{
    border:none;
    margin-bottom:0px;
}
.rfixBar .fixbar_win img{
    animation: win_bright 1s ease-in-out infinite;
    -webkit-animation: win_bright 1s ease-in-out infinite;
    -moz-animation: win_bright 1s ease-in-out infinite;
    -o-animation: win_bright 1s ease-in-out infinite;
}
@keyframes win_bright{
    0%{opacity:0;filter: alpha(opacity=0);}
    100%{opacity:1;filter: alpha(opacity=100);}
}
@-webkit-keyframes win_bright{
    0%{opacity:0;filter: alpha(opacity=0);}
    100%{opacity:1;filter: alpha(opacity=100);}
}
@-moz-keyframes win_bright{
    0%{opacity:0;filter: alpha(opacity=0);}
    100%{opacity:1;filter: alpha(opacity=100);}
}
@-o-keyframes win_bright{
    0%{opacity:0;filter: alpha(opacity=0);}
    100%{opacity:1;filter: alpha(opacity=100);}
}
.rfixBar .fixbar_cart div{
    position:relative;
    margin-bottom:10px;
}
.rfixBar .fixbar_cart div span{
    position:absolute;
    display:inline-block;
    background:#fff;
    min-width:20px;
    border-radius:50%;
    right:1px;
    top:28px;
    font-size:10px;
    line-height:20px;
}
.rfixBar .fixbar_tel img, .rfixBar .fixbar_cart div{
    transition:all 1.5s;
    -moz-transition:all 1.5s;
    -webkit-transition:all 1.5s;
    -o-transition:all 1.5s;
}
.rfixBar .fixbar_tel:hover img, .rfixBar .fixbar_cart:hover div {
    transform: scale(1.3, 1.3);
    -webkit-transform: scale(1.3, 1.3);
    -moz-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3);
}
.rfixBar .fixbar_top img{
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -o-transition:all 0.5s;
}
.rfixBar .fixbar_top:hover img{
    transform:translateY(-6px)
}