@charset "utf-8";
/*公共样式*/
*{font-family: Arial,Helvetica,"Microsoft Yahei",sans-serif;padding: 0;margin: 0;box-sizing: border-box;vertical-align: top;}
html{overflow-y: scroll;}
:root{overflow-y: auto;overflow-x: hidden;}
body{color: #333;font-family: "微软雅黑",Arial,Georgia,"Times New Roman",Times,serif;font-size: 14px;line-height: 26px;position: relative;width: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin: 0;padding: 0;list-style: none;list-style-type: none;font-weight: normal;}
table{border-collapse: collapse;border-spacing: 0;}
table th,table td{padding: 4px 12px;}
fieldset,img{border: 0;}
address,caption,cite,code,dfn,em,i,th,var{font-style: normal;font-weight: normal;}
ception,th{text-align: left;}
q:before,q:after{content: '';}
abbr,acronym{border: 0;}
p{word-spacing: -1.5px;}
input,button,textarea,select,optgroup,option{font-family: inherit;font-size: inherit;outline: none;font-style: inherit;font-weight: inherit;border: none;}
input,button,textarea,select{*font-size: 100%;background: none;border: none;}
input,select{vertical-align: middle;}
table{font-size: 14px;border-collapse: collapse;}
a{color: #000;text-decoration: none;} 
a:focus{outline: none;}
a:hover{text-decoration: none;cursor: pointer;}

/*定位*/
.fl{float: left;}
.fr{float: right;}
.zoom{zoom: 1}
.clear{clear: both;height: 0;line-height: 0;font-size: 0;}
.clearfix{zoom: 1;}
.clearfix:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.w1200{width: 1200px;margin: auto;}

/*header*/
.header{width: 100%;position: relative;z-index: 1;}
.header .headTop{height: 96px;background-color: #3e3e3e;color: #e3e3e3;font-size: 15px;line-height: 96px;}
.header .headTop .logo{width: auto;height: 100%;}
.header .headTop .logo img{display: block;width: auto;height: 100%;}
.header .headTop .tel{padding: 0 40px 0 45px;background: url(../images/tel1.png) no-repeat left center;}
.header .headTop .tel span{display: inline-block;padding-right: 30px;background: url(../images/tel.jpg) no-repeat right center;font-size: 20px;}
.header .headTop .cart{padding-left: 45px;background: url(../images/tel2.png) no-repeat left center;}
.header .headTop .cart a{display: block;color: #e3e3e3;}
.header .headTop .cart a:hover{color: #fdac31;}
.header .headTop .ewm{margin-left: 50px;position: relative;padding-left: 45px;color: #e3e3e3;background: url(../images/tel3.png) no-repeat left center;cursor: pointer;}
.header .headTop .ewm.ewm2{background: url(../images/tel4.png) no-repeat left center;}
.header .headTop .ewm .img{position: absolute;top: 85%;left: 50%;transform: translateX(-50%);z-index: 10;width: 150px;visibility: hidden;opacity: 0;transition: 0.3s;}
.header .headTop .ewm .img img{display: block;width: 100%;height: 100%;}
.header .headTop .ewm:hover{color: #fdac31;}
.header .headTop .ewm:hover .img{opacity: 1;visibility: visible;}
.header .nav{height: 54px;line-height: 54px;background: #fff;filter: alpha(opacity=95);opacity: 0.95;}
.header .nav ul{float: right;}
.header .nav ul li{float: left;position: relative;background: url(../images/span.jpg) no-repeat right center;}
.header .nav ul li a{display: block;padding: 0 28px;}
.header .nav ul li:hover,.header .nav ul li.on{transition: all 0.5s ease;}
.header .nav ul li:hover a,.header .nav ul li.on a{color: #fdac31;}
.header .nav ul li .navmenu{position: absolute;left: 50%;margin-left: -95px;top: 100%;z-index: 5;display: none;width: 200px;background: url(../images/navmenubg.png) repeat 0 0;padding: 8px 0 20px;}
.header .nav ul li .navmenu a{display: block;height: 40px;line-height: 40px;color: #333;}
.header .nav ul li .navmenu a i{display: inline-block;width: 40px;height: 100%;}
.header .nav ul li .navmenu a:hover{color: #fdac31;font-size: 15px;}
.header .nav ul li .navmenu a:hover i{background: url(../images/icon1.png) no-repeat center left 15px;}
.header .nav .search{position: relative;z-index: 3;margin-top: 12px;width: 18px;height: 30px;background: url(../images/search.png) no-repeat right center;margin-left: 50px;}
.header .nav .search:hover{background: none;}
.header .nav .searchBox{position: absolute;top: 0;right: 0;width: 0;z-index: 10;overflow: hidden;height: 28px;line-height: 28px;opacity: 0;filter: alpha(opacity=0);border: 1px solid #cacaca;background-color: #fff;}
.header .nav .searchBox input{display: block;float: left;line-height: 28px;color: #666;}
.header .nav .searchBox input[type="text"]{padding-left: 10px;width: 129px;}
.header .nav .searchBox input[type="submit"]{width: 18px;cursor: pointer;font-size: 0;background: url(../images/search.png) no-repeat right center;}

/*banner*/
.banner{width: 100%;position: relative;z-index: 0;height: 789px;}
.banner .hd{width: 100%;position: absolute;z-index: 1;bottom: 0;left: 0;height: 90px;text-align: center;}
.banner .hd ul li{cursor: pointer;display: inline-block;*display: inline;zoom: 1;width: 12px;height: 12px;margin: 0 10px;font-size: 0;background-color: #ccc;border-radius: 12px;}
.banner .hd ul li.on{background-color: #fdac31;}

/*footer*/
.footer{padding-top: 60px;background: #333;color: #fff;}
.footer .box{padding-bottom: 40px;}
.footer .box .tit{font-size: 16px;background: url(../images/f-icon.png) no-repeat center left 80px;}
.footer .box .nav .foot-navli{float: left;min-width: 140px;margin-right: 80px;}
.footer .box .nav .foot-navli ul{margin-top: 20px;margin-right: 60px;}
.footer .box .nav .foot-navli ul li{margin-bottom: 10px;}
.footer .box .nav .foot-navli ul li a{color: #b3b3b3;line-height: 1.8;transition: all 0.3s ease;}
.footer .box .nav .foot-navli ul li a:hover{color: #fdac31;}
.footer .box .ewm .tit{background: url(../images/f-icon.png) no-repeat center left 98px;}
.footer .box .ewm .con{margin-top: 20px;}
.footer .box .ewm .con .img{width: 120px;margin-right: 8px;}
.footer .box .ewm .con .img img{display: block;width: 100%;padding: 4px;box-shadow: 0px 2px 10px rgba(0,0,0,0.1);box-sizing: border-box;}
.footer .box .ewm .con .img p{margin-top: 5px;text-align: center;}
.footer .copyright{overflow: hidden;text-align: center;padding-bottom: 20px;}
.footer .copyright p{margin-top: 20px;}
.footer .copyright p,.footer .copyright a{color: #b3b3b3;}
.footer .copyright a:hover{color: #fdac31;}