﻿
/* CSS reset */
/*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;}*/
*{margin: 0;padding: 0;font-family: "微软雅黑";}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before, q:after{content:'';}

input,button{border: none;font-family: '微软雅黑';}
button{background-color: transparent;cursor: pointer;}
input:focus{ 
	box-shadow: rgba(0, 0, 0, 0) 0px 0px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0) 0px 0px 3px;
    -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 0px 3px; 
     }
input,button:focus{outline: none;}

input,
textarea,select {
    border: 0; 
    -webkit-appearance: none;
   border-radius: 0;
}


/* 定位  浮动*/
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left:auto;margin-right:auto;}
.fl{float:left;display:block;}  /* 可修复IE6中双倍边距bug */
.fr{float:right;display:block;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}
.pr{position:relative;}
.pa{position:absolute;}
.zoom{zoom:1;}
.none{display:none;}

/*
@功能：全局css定义
*/
body{font-size: 16px;color: #040404;font-family: "微软雅黑";max-width: 1920px;min-width: 1200px;margin: 0 auto;}
a{color:inherit;text-decoration:none;}
::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	font-size: 14px;
	color: #999999;
}

::-moz-placeholder {
	/* Firefox 19+ */
	font-size: 14px;
	color: #999999;
}

:-ms-input-placeholder {
	/* IE 10+ */
	font-size: 14px;
	color: #999999;
}

:-moz-placeholder {
	/* Firefox 18- */
	font-size: 14px;
	color: #999999;
}
/*去除input的默认样式  number的箭头*/
/*在chrome下：*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0; 
}
/*Firefox下：*/
input[type="number"]{-moz-appearance:textfield;}


.header{width: 100%;box-shadow: 5px 0px 20px rgba(0,0,0,0.1);}
.header .logoBox{width: 1250px;margin: 0 auto;padding-top: 10px; padding-bottom:10px;}
.header .logo{float: left;width: 320px;height: 64px;}
.header .logo *{display: block;width: 100%;height: 100%;}
.header .logoBox .sousuoBox{float: right;width: 520px;}
.header .logoBox .sousuoBox p{float: left;margin-top: 13px;position: absolute;overflow: hidden;}
.header .logoBox .sousuoBox p img{display: block;}
.header .logoBox .sousuoBox p::after{content: "";display: block;width: 250px;height: 100%;background-image: -webkit-linear-gradient(0,rgba(255,255,255,0.1)30%,#fff 50%,rgba(255,255,255, 0.1)70%); border-radius: 60px; position: absolute;top: 0px;left: -260px;animation: leftToRight 2.5s linear infinite;}
.header .logoBox .sousuoBox .sousuo{float: right;width: 150px;height: 26px;box-sizing: border-box;border: solid 1px #e5e5e5;border-radius: 13px;overflow: hidden;margin-top: 19px;}
.header .logoBox .sousuoBox .sousuo input{width: 115px;height: 24px;text-indent: 13px;float: left;}
.header .logoBox .sousuoBox .sousuo a{display: block;width: 16px;height: 16px;float: left;margin-top: 4px;margin-left: 7px;}
.header .logoBox .sousuoBox .sousuo a img{display: block;width: 100%;height: 100%;}
.nav{width: 900px;margin-top: 8px;height: 52px;float:left;margin-left:18px;}
.nav li{width:100px;float: left;line-height: 52px;position: relative;text-align:center;}
.nav li a{display: block;height: 100%;padding: 0px 0px;font-size: 16px;color: #222222;}
.nav li dl{display: none;width: auto; min-width: 100%;position: absolute;top: 52px;left: 0px;background-color: rgba(218,37,29,0.7);z-index: 99;}
.nav li dl dd{text-align: center;line-height: 40px;}
.nav li dl dd a{font-size: 16px;color: white;}
.nav li:hover>a,.nav li.on>a{background-color: #da251d;color: white;}
.nav li dl dd:hover a{background-color: rgba(168,30,24,0.7);}

.footer{width: 100%;height: 250px;background: url(../img/footer_bg.jpg) center no-repeat;}
.footer .container{padding: 0px;}
.footer .logoBox{float: left;width: 400px;margin-top: 35px;}
.footer .logoBox a,.footer .logoBox a img{display: block;}
.footer .logoBox a{margin-bottom: 20px;}
.footer .logoBox>p{font-size: 16px;color: #ffffff;padding-top: 20px;letter-spacing: 1px;}
.footer .joinUs{float: left;width: 114px;margin-left: 32px;margin-top: 48px;text-align: center;}
.footer .joinUs dt{line-height: 41px;font-size: 16px;color: white;}
.footer .joinUs dd{width: 80px;margin: 0 auto;margin-bottom: 4px;}
.footer .joinUs dd a{display: block;color: white;line-height: 31px;border-bottom: solid 1px white;font-size: 14px;}
.footer .ewmBox{float: right;width: 300px;margin-top: 25px;}
.footer .ewmBox h3{display: block;margin-bottom: 22px;box-sizing: border-box;padding-left: 32px;}
.footer .ewmBox .ewm p{float: left;margin-left: 30px;width: 120px;}
.footer .ewmBox .ewm p b{background-color: white;}
.footer .ewmBox .ewm p b,.footer .ewmBox .ewm p b img{display: block;width: 120px;height: 120px;}
.footer .ewmBox .ewm p span{display: block;color: white;margin-top: 10px;line-height: 1;font-size: 16px;text-align: center;}
@keyframes leftToRight{
	0{transform: translateX(0px);}
	100%{transform: translateX(700px);}
}