﻿/*图标字体*/
@font-face{font-family: 'iconfont'; src: url('iconfont.eot'); src: url('iconfont.eot?#iefix') format('embedded-opentype'), url('iconfont.woff2') format('woff2'), url('iconfont.woff') format('woff'), url('iconfont.ttf') format('truetype'), url('iconfont.svg#iconfont') format('svg');}
.iconfont{font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/*Bootstrap校正*/
ul{list-style-type: none; margin:0; padding: 0;}
body{font-size:14px; font-family:'Microsoft Yahei',"微软雅黑";background: #fff;}
h1, h2, h3, h4, h5, h6{font-family:'Microsoft Yahei',"微软雅黑";}
a{color: #454545;text-decoration: none;}
a:hover{text-decoration: none; color:#0F51BB}
h1,h2,h3,h4,h5,h6{margin-top: 0; margin-bottom: 0;}
i{font-style: normal;}
.owl-carousel{touch-action: pan-y;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background:none;}  

.container{width:1200px; padding-left: 0; padding-right: 0;}

/*通用样式*/

.header{height:90px; background: rgba(255,255,255,.9); width: 100%; position: fixed; top: 0; left: 0; z-index: 999;}
.header .container{position: relative; box-sizing: border-box; padding-left: 380px; padding-right: 180px;}
.header .logo{padding-top: 10px; position: absolute; left: 0;}
.header .logo img{height: 70px;}
.header .nav{margin:0px auto;}
.header .nav li{float: left;width:16.66% }
.header .nav li a{display: block; float: left; font-size: 16px; text-align: center; padding: 0 10px; line-height:90px;}
.header .nav li.on a,.header .nav a:hover{border-bottom: 2px solid #0159a0; line-height: 88px;}
.header .tel{position: absolute; right: 0; top: 0; font-size: 20px; color: #c81623; line-height: 90px; background: url(../images/icon_tel.png) no-repeat left center; padding-left: 30px;}

.pic{padding-top:100%; position: relative; overflow: hidden;}
.pic img{position: absolute; top:0; left: 0; display: block; width: 100%; height: 100%; transition: all .2s;}
a:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}



#footer{background: #1e1e1e;}
#footer .container{ padding:30px 0 30px  320px; background: url(../images/logofooter.png) no-repeat left center;}
#footer dl{float: left; line-height: 1; margin:0;}
#footer .footer-about{width: 220px; padding-right: 40px;}
#footer .footer-contact{}
#footer .footer-follow{width:150px; position: relative;}
#footer dl dt{margin-bottom:20px; font-size: 16px; color: #fff;}
#footer dl dd{color: #999; font-size: 14px;}
#footer dl dd a{ color:#999;}
#footer dl dd a:hover{ color:#fff;}
#footer .footer-about dd a{display: block; width:50%; float: left; line-height: 40px;}
#footer .footer-contact dd{line-height: 30px;}
#footer .footer-follow{float: right;}
#footer .footer-follow img{width: 120px;}
#footer .copyright { background: #0159a0; color: #fff; text-align: center; line-height: 50px; height: 50px;}

@media (min-width: 1400px){
.container{width: 1400px;}
}

@media (min-width: 1600px){
.container{width: 1600px;}
#footer .container{ padding:30px 0 30px  360px;}
#footer .footer-about{ padding-right:100px;}

}
