*{margin: 0; padding: 0; box-sizing:border-box;}
html,body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin:0; padding:0;} 
body, button, input, select, textarea,p{font:12px/1.5 "微软雅黑", tahoma, arial, \5b8b\4f53;}
body{background:#f5f5f5;}
h1, h2, h3, h4, h5, h6{ font-size:100%; } 
em,i { font-style:normal; } 
b,strong{ font-weight: normal;}
ul, ol ,li{ list-style:none; } 
a { text-decoration:none; color:#000;} 
img{ border:none; vertical-align: middle;}
img{ border: 0 none; }
i{ display: inline-block;*display: inline;*zoom: 1;}
.clearfix{margin-right:auto;margin-left:auto;*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}
.w1200 { width: 1200px; margin: 0 auto; }
.wrap{min-width: 1200px;}
.icon{background:url(../images/icon.png) no-repeat;background-size:300px 300px;}
.hide { display: none; }

/* 头部 */
.hdtop{height: 40px;background: #333;}
.hdnav{height: 40px;line-height: 40px;font-size: 0px;float: left;}
.hdnav a{display: inline-block;font-size: 14px;color: #999;margin-right: 20px;}
.hdnav a:hover{color: #fff;}
.to-phone{float: right;display: block;height: 40px;line-height: 40px;color: #999;font-size: 14px;}
.to-phone i{display: inline-block;width: 16px;height: 20px;margin-right: 5px;background-position: 0 0;vertical-align: middle;}

.hdmenu{height: 85px;background: #fff;}
.hdmenu .logo{display: block;width: 200px;height: auto;margin-top: 15px;margin-right: 65px;float: left;}
.hdmenu .logo img{width: inherit;height: auto;}
.hdmenu nav{height: 85px;line-height: 85px;font-size: 0px;}
.hdmenu nav a{position: relative;display: inline-block;font-size: 16px;color: #333;margin-right: 45px;}
.hdmenu nav a i{display: none;width: 100%;height: 4px;border-radius: 8px;background: #008cff;position: absolute;top: 68px;left: 0;}
.hdmenu nav a.on,.hdmenu nav a:hover{color: #008cff;}
.hdmenu nav a.on i,.hdmenu nav a:hover i{display: block;}

/* 尾部 */
footer{height: 120px;background: #333;}
footer>div{padding: 1px 0px;text-align: center;padding-bottom: 0;}
footer>div div{display: inline-block;height: 18px;line-height: 18px;overflow: hidden;}
footer>div div a{display: block;float: left;position: relative;font-size: 14px;color: #999;}
footer>div div a::after{content: '';display: inline-block;width: 2px;height: 12px;background: #848484;margin: 0 13px;}
footer>div div a:last-child::after{display: none;}
footer>div p{margin-top: 14px;font-size: 14px;color: #999;}
footer>div p > a{color: #999}
/* 面包屑 */
.crumb{color: #525252;font-size: 14px;margin: 15px 0;}
.crumb a{color: #525252;}

/* 分页 */
.page{text-align: center;display: block;float: left;margin-bottom:20px;width: 100%;}
.page a{display: inline-block;width: auto;padding: 0 10px;height: 30px;text-align: center;line-height: 30px;color: #666;font-size: 14px;border-radius: 5px;border: 1px solid #e6e6e6;margin: 0 5px;}
.page a:hover,.page a.on{background-color: #008cff;color: #fff;}

/* 左右分列 */
.cont-l{width: 810px;padding: 20px;margin-bottom: 50px;background: #fff;float: left;margin-right: 30px;}
.cont-r{width: 360px;float: left;}